MCPcopy
hub / github.com/bradtraversy/vanillawebprojects

github.com/bradtraversy/vanillawebprojects @main sqlite

repository ↗ · DeepWiki ↗
102 symbols 195 edges 21 files 0 documented · 0%
README

20+ Web Projects With Vanilla JavaScript

This is the main repository for all of the projects in the course.

# Project Live Demo
01 Form Validator Live Demo
02 Movie Seat Booking Live Demo
03 Custom Video Player Live Demo
04 Exchange Rate Calculator Live Demo
05 DOM Array Methods Project Live Demo
06 Menu Slider & Modal Live Demo
07 Hangman Game Live Demo
08 Mealfinder App Live Demo
09 Expense Tracker Live Demo
10 Music Player Live Demo
11 Infinite Scrolling Live Demo
12 Typing Game Live Demo
13 Speech Text Reader Live Demo
14 Memory Cards Live Demo
15 LyricsSearch App Live Demo
16 Relaxer App Live Demo
17 Breakout Game Live Demo
18 New Year Countdown Live Demo
19 Speak Number Guessing Game Live Demo
20 Product Filtering UI Live Demo

NOTE ON PULL REQUESTS: All of these projects are part of the course. While I do appreciate people trying to make some things prettier or adding new features, we are only accepting pull requests and looking at issues for bug fixes so that the code stays inline with the course

Core symbols most depended-on inside this repo

showError
called by 5
form-validator/script.js
updateDOM
called by 4
dom-array-methods/script.js
loadSong
called by 3
music-player/script.js
playSong
called by 3
music-player/script.js
displayWord
called by 3
hangman/script.js
showSuccess
called by 3
form-validator/script.js
getFieldName
called by 3
form-validator/script.js
updateCurrentText
called by 3
memory-cards/script.js

Shape

Function 102

Languages

TypeScript100%

Modules by API surface

breakout-game/script.js12 symbols
music-player/script.js10 symbols
sortable-list/script.js9 symbols
dom-array-methods/script.js8 symbols
form-validator/script.js7 symbols
expense-tracker/script.js7 symbols
typing-game/script.js5 symbols
speech-text-reader/script.js5 symbols
memory-cards/script.js5 symbols
custom-video-player/script.js5 symbols
speak-number-guess/script.js4 symbols
meal-finder/script.js4 symbols

For agents

$ claude mcp add vanillawebprojects \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact