[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3292":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":15,"starSnapshotCount":15,"syncStatus":28,"lastSyncTime":29,"discoverSource":30},3292,"vanillawebprojects","bradtraversy\u002Fvanillawebprojects","bradtraversy","Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries",null,"JavaScript",16083,4396,356,26,0,3,9,68,11,84.3,false,"master",true,[],"2026-06-12 04:00:17","# 20+ Web Projects With Vanilla JavaScript\n\nThis is the main repository for all of the projects in the course.\n\n- [Course Link](https:\u002F\u002Fwww.traversymedia.com\u002F20-Vanilla-JavaScript-Projects)\n- [Get Course On Udemy](https:\u002F\u002Fwww.udemy.com\u002Fcourse\u002Fweb-projects-with-vanilla-javascript\u002F?referralCode=F9B7C7FED834F91ADE75)\n\n|  #  |            Project             | Live Demo |\n| :-: | :----------------------------: | :-------: |\n| 01  |       [Form Validator](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fform-validator)       | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fform-validator\u002F)  |\n| 02  |     [Movie Seat Booking](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fmovie-seat-booking)    | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fmovie-seat-booking\u002F)  |\n| 03  |    [Custom Video Player](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fcustom-video-player)     | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fcustom-video-player\u002F)  |\n| 04  |  [Exchange Rate Calculator](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fexchange-rate)  | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fexchange-rate\u002F)  |\n| 05  | [DOM Array Methods Project](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fdom-array-methods)  | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fdom-array-methods\u002F)  |\n| 06  |    [Menu Slider & Modal](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fmodal-menu-slider)    | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fmodal-menu-slider\u002F)  |\n| 07  |        [Hangman Game](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fhangman)       | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fhangman\u002F)  |\n| 08  |       [Mealfinder App](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fmeal-finder)      | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fmeal-finder\u002F)  |\n| 09  |      [Expense Tracker](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fexpense-tracker)       | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fexpense-tracker\u002F)  |\n| 10  |        [Music Player](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fmusic-player)       | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fmusic-player\u002F)  |\n| 11  |     [Infinite Scrolling](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Finfinite_scroll_blog)     | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Finfinite_scroll_blog\u002F)  |\n| 12  |        [Typing Game](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Ftyping-game)     | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Ftyping-game\u002F)  |\n| 13  |     [Speech Text Reader](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fspeech-text-reader)    | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fspeech-text-reader\u002F)  |\n| 14  |        [Memory Cards](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fmemory-cards)     | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fmemory-cards\u002F)  |\n| 15  |      [LyricsSearch App](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Flyrics-search)     | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Flyrics-search\u002F)  |\n| 16  |        [Relaxer App](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Frelaxer-app)       | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002F\u002Frelaxer-app\u002F)  |\n| 17  |       [Breakout Game](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fbreakout-game)       | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fbreakout-game\u002F)  |\n| 18  |     [New Year Countdown](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fnew-year-countdown)   | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fnew-year-countdown\u002F)  |\n| 19  | [Speak Number Guessing Game](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fspeak-number-guess) | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fspeak-number-guess\u002F)  |\n| 20  | [Product Filtering UI](https:\u002F\u002Fgithub.com\u002Fbradtraversy\u002Fvanillawebprojects\u002Ftree\u002Fmaster\u002Fproduct-filtering) | [Live Demo](https:\u002F\u002Fvanillawebprojects.com\u002Fprojects\u002Fproduct-filtering\u002F)  |\n\n\nNOTE 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\n","该项目是一个集合了20多个使用纯HTML5、CSS和JavaScript构建的小型网页项目的仓库，不依赖任何框架或库。它涵盖了表单验证、电影座位预订、自定义视频播放器等多种实用功能的实现，旨在通过实战项目帮助开发者深入理解前端基础技术。这些项目非常适合初学者学习网页开发基础知识，以及有经验的开发者想要复习或展示原生JavaScript能力时使用。",2,"2026-06-11 02:53:23","top_language"]