https://github.com/bradtraversy/vanillawebprojects
Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries
https://github.com/bradtraversy/vanillawebprojects
Last synced: 10 months ago
JSON representation
Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries
- Host: GitHub
- URL: https://github.com/bradtraversy/vanillawebprojects
- Owner: bradtraversy
- Created: 2020-01-28T14:11:32.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-03-28T13:15:34.000Z (almost 2 years ago)
- Last Synced: 2025-04-24T01:52:30.814Z (11 months ago)
- Language: JavaScript
- Size: 30 MB
- Stars: 15,843
- Watchers: 363
- Forks: 4,407
- Open Issues: 17
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
- awesome-repos - Vanilla Web Projects
- awesome-coding - Vanilla Web Project: 收集了 20 个小型的 Web 开源应用
- awesome-repository - bradtraversy / vanillawebprojects
- awesome-bookmarks - **vanillawebprojects**
- awesome-repositories - Vanilla Web Projects
- awesome - Vanilla Web Projects - A GitHub repository by Brad Traversy featuring multiple mini projects created with plain HTML5, CSS, and JavaScript (no frameworks), functioning as a curated collection of vanilla web development examples suitable for awesome-style directories. ([Read more](/details/vanilla-web-projects.md)) `web-development` `projects` `javascript` (Themed Directories)
- awesome - bradtraversy/vanillawebprojects - Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries (JavaScript)
README
# 20+ Web Projects With Vanilla JavaScript
This is the main repository for all of the projects in the course.
- [Course Link](https://www.traversymedia.com/20-Vanilla-JavaScript-Projects)
- [Get Course On Udemy](https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75)
| # | Project | Live Demo |
| :-: | :----------------------------: | :-------: |
| 01 | [Form Validator](https://github.com/bradtraversy/vanillawebprojects/tree/master/form-validator) | [Live Demo](https://vanillawebprojects.com/projects/form-validator/) |
| 02 | [Movie Seat Booking](https://github.com/bradtraversy/vanillawebprojects/tree/master/movie-seat-booking) | [Live Demo](https://vanillawebprojects.com/projects/movie-seat-booking/) |
| 03 | [Custom Video Player](https://github.com/bradtraversy/vanillawebprojects/tree/master/custom-video-player) | [Live Demo](https://vanillawebprojects.com/projects/custom-video-player/) |
| 04 | [Exchange Rate Calculator](https://github.com/bradtraversy/vanillawebprojects/tree/master/exchange-rate) | [Live Demo](https://vanillawebprojects.com/projects/exchange-rate/) |
| 05 | [DOM Array Methods Project](https://github.com/bradtraversy/vanillawebprojects/tree/master/dom-array-methods) | [Live Demo](https://vanillawebprojects.com/projects/dom-array-methods/) |
| 06 | [Menu Slider & Modal](https://github.com/bradtraversy/vanillawebprojects/tree/master/modal-menu-slider) | [Live Demo](https://vanillawebprojects.com/projects/modal-menu-slider/) |
| 07 | [Hangman Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/hangman) | [Live Demo](https://vanillawebprojects.com/projects/hangman/) |
| 08 | [Mealfinder App](https://github.com/bradtraversy/vanillawebprojects/tree/master/meal-finder) | [Live Demo](https://vanillawebprojects.com/projects/meal-finder/) |
| 09 | [Expense Tracker](https://github.com/bradtraversy/vanillawebprojects/tree/master/expense-tracker) | [Live Demo](https://vanillawebprojects.com/projects/expense-tracker/) |
| 10 | [Music Player](https://github.com/bradtraversy/vanillawebprojects/tree/master/music-player) | [Live Demo](https://vanillawebprojects.com/projects/music-player/) |
| 11 | [Infinite Scrolling](https://github.com/bradtraversy/vanillawebprojects/tree/master/infinite_scroll_blog) | [Live Demo](https://vanillawebprojects.com/projects/infinite_scroll_blog/) |
| 12 | [Typing Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/typing-game) | [Live Demo](https://vanillawebprojects.com/projects/typing-game/) |
| 13 | [Speech Text Reader](https://github.com/bradtraversy/vanillawebprojects/tree/master/speech-text-reader) | [Live Demo](https://vanillawebprojects.com/projects/speech-text-reader/) |
| 14 | [Memory Cards](https://github.com/bradtraversy/vanillawebprojects/tree/master/memory-cards) | [Live Demo](https://vanillawebprojects.com/projects/memory-cards/) |
| 15 | [LyricsSearch App](https://github.com/bradtraversy/vanillawebprojects/tree/master/lyrics-search) | [Live Demo](https://vanillawebprojects.com/projects/lyrics-search/) |
| 16 | [Relaxer App](https://github.com/bradtraversy/vanillawebprojects/tree/master/relaxer-app) | [Live Demo](https://vanillawebprojects.com/projects//relaxer-app/) |
| 17 | [Breakout Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/breakout-game) | [Live Demo](https://vanillawebprojects.com/projects/breakout-game/) |
| 18 | [New Year Countdown](https://github.com/bradtraversy/vanillawebprojects/tree/master/new-year-countdown) | [Live Demo](https://vanillawebprojects.com/projects/new-year-countdown/) |
| 19 | [Speak Number Guessing Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/speak-number-guess) | [Live Demo](https://vanillawebprojects.com/projects/speak-number-guess/) |
| 20 | [Product Filtering UI](https://github.com/bradtraversy/vanillawebprojects/tree/master/product-filtering) | [Live Demo](https://vanillawebprojects.com/projects/product-filtering/) |
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