Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bradtraversy/vanillawebprojects

Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries
https://github.com/bradtraversy/vanillawebprojects

Last synced: 4 days 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 (almost 5 years ago)
Default Branch: master
Last Pushed: 2024-03-28T13:15:34.000Z (10 months ago)
Last Synced: 2025-01-14T13:01:19.612Z (11 days ago)
Language: JavaScript
Size: 30 MB
Stars: 15,769
Watchers: 365
Forks: 4,397
Open Issues: 17
Metadata Files:
- Readme: readme.md

Awesome Lists containing this project

awesome - bradtraversy/vanillawebprojects - Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries (JavaScript)
awesome-repos - Vanilla Web Projects
awesome-repositories - Vanilla Web Projects
awesome-coding - Vanilla Web Project: 收集了 20 个小型的 Web 开源应用

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) 
| 02  |     [Movie Seat Booking](https://github.com/bradtraversy/vanillawebprojects/tree/master/movie-seat-booking) 
| 03  |    [Custom Video Player](https://github.com/bradtraversy/vanillawebprojects/tree/master/custom-video-player) 
| 04  |  [Exchange Rate Calculator](https://github.com/bradtraversy/vanillawebprojects/tree/master/exchange-rate) 
| 05  | [DOM Array Methods Project](https://github.com/bradtraversy/vanillawebprojects/tree/master/dom-array-methods) 
| 06  |    [Menu Slider & Modal](https://github.com/bradtraversy/vanillawebprojects/tree/master/modal-menu-slider) 
| 07  |        [Hangman Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/hangman) 
| 08  |       [Mealfinder App](https://github.com/bradtraversy/vanillawebprojects/tree/master/meal-finder) 
| 09  |      [Expense Tracker](https://github.com/bradtraversy/vanillawebprojects/tree/master/expense-tracker) 
| 10  |        [Music Player](https://github.com/bradtraversy/vanillawebprojects/tree/master/music-player) 
| 11  |     [Infinite Scrolling](https://github.com/bradtraversy/vanillawebprojects/tree/master/infinite_scroll_blog) 
| 12  |        [Typing Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/typing-game) 
| 13  |     [Speech Text Reader](https://github.com/bradtraversy/vanillawebprojects/tree/master/speech-text-reader) 
| 14  |        [Memory Cards](https://github.com/bradtraversy/vanillawebprojects/tree/master/memory-cards) 
| 15  |      [LyricsSearch App](https://github.com/bradtraversy/vanillawebprojects/tree/master/lyrics-search) 
| 16  |        [Relaxer App](https://github.com/bradtraversy/vanillawebprojects/tree/master/relaxer-app) 
| 17  |       [Breakout Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/breakout-game) 
| 18  |     [New Year Countdown](https://github.com/bradtraversy/vanillawebprojects/tree/master/new-year-countdown) 
| 19  | [Speak Number Guessing Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/speak-number-guess) 
| 20  | [Product Filtering UI](https://github.com/bradtraversy/vanillawebprojects/tree/master/product-filtering)

| [Live Demo](https://vanillawebprojects.com/projects/form-validator/)  | | [Live Demo](https://vanillawebprojects.com/projects/movie-seat-booking/)  | | [Live Demo](https://vanillawebprojects.com/projects/custom-video-player/)  | | [Live Demo](https://vanillawebprojects.com/projects/exchange-rate/)  | | [Live Demo](https://vanillawebprojects.com/projects/dom-array-methods/)  | | [Live Demo](https://vanillawebprojects.com/projects/modal-menu-slider/)  | | [Live Demo](https://vanillawebprojects.com/projects/hangman/)  | | [Live Demo](https://vanillawebprojects.com/projects/meal-finder/)  | | [Live Demo](https://vanillawebprojects.com/projects/expense-tracker/)  | | [Live Demo](https://vanillawebprojects.com/projects/music-player/)  | | [Live Demo](https://vanillawebprojects.com/projects/infinite_scroll_blog/)  | | [Live Demo](https://vanillawebprojects.com/projects/typing-game/)  | | [Live Demo](https://vanillawebprojects.com/projects/speech-text-reader/)  | | [Live Demo](https://vanillawebprojects.com/projects/memory-cards/)  | | [Live Demo](https://vanillawebprojects.com/projects/lyrics-search/)  | | [Live Demo](https://vanillawebprojects.com/projects//relaxer-app/)  | | [Live Demo](https://vanillawebprojects.com/projects/breakout-game/)  | | [Live Demo](https://vanillawebprojects.com/projects/new-year-countdown/)  | | [Live Demo](https://vanillawebprojects.com/projects/speak-number-guess/)  | | [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