# JavaScript Web Projects: 20 Projects to Build Your Portfolio This is a course I have taken from the ZeroToMastery line of courses. This course was called _JavaScript Web Projects: 20 Projects to Build Your Portfolio_. If you are interested in the course, you can find it [here](https://academy.zerotomastery.io/p/javascript-projects). I am going to use this repo as a way to gather all the product repos in one place. This way, if you interested in any specific project, you can find all of them in one place instead of searching through my entire GitHub profile. I have provided a link to the repo on GitHub, which will have a basic description of what the project is all about. I also provided a demo link that will take you to a live version of the project that you can play with and try out. ## The Projects **1. Random Quote Generator**: [GitHub](https://github.com/rperry99/quote-generator) | [Demo](https://rperry99.github.io/quote-generator/) **2. Infinite Scroll Through Images**: [GitHub](https://github.com/rperry99/infinite-scroll) | [Demo](https://russ-infinite-scroll.netlify.app/) **3. Picture in Picture**: [GitHub](https://github.com/rperry99/picture-in-picture) | [Demo](https://rperry99.github.io/picture-in-picture/) **4. Random Joke Generator**: [GitHub](https://github.com/rperry99/joke-teller) | [Demo](https://russ-joke-machine.netlify.app/) **5. Light / Dark Mode**: [GitHub](https://github.com/rperry99/light-dark-mode) | [Demo](https://rperry99.github.io/light-dark-mode/index.html) **6. Animated Website Template**: [GitHub](https://github.com/rperry99/animation-template) | [Demo](https://rperry99.github.io/animation-template/) **7. Animated Navigation**: [GitHub](https://github.com/rperry99/navigation-animation) | [Demo](https://rperry99.github.io/navigation-animation/) **8. JavaScript Music Player**: [GitHub](https://github.com/rperry99/javascript-music-player) | [Demo](https://rperry99.github.io/javascript-music-player/) **9. Custom Countdown Timer**: [GitHub](https://github.com/rperry99/custom-countdown) | [Demo](https://rperry99.github.io/custom-countdown/) **10. Bookmark Keeper**: [GitHub](https://github.com/rperry99/book-keeper) | [Demo](https://rperry99.github.io/book-keeper/) **11. JavaScript Video Player**: [GitHub](https://github.com/rperry99/video-player) | [Demo](https://rperry99.github.io/video-player/) **12. Form Validation**: [GitHub](https://github.com/rperry99/form-validation) | [Demo](https://rperry99.github.io/form-validation/) **13. Rock Paper Scissors Lizard Spock**: [GitHub](https://github.com/rperry99/spock-rock-game) | [Demo](https://rperry99.github.io/spock-rock-game/) **14. NASA Picture of the Day**: [GitHub](https://github.com/rperry99/Nasa-APOD) | [Demo](https://rperry99.github.io/Nasa-APOD/) **15. Math Sprint Game**: [GitHub](https://github.com/rperry99/math-sprint) | [Demo](https://rperry99.github.io/math-sprint/) **16. Drag and Drop Kanban Board**: [GitHub](https://github.com/rperry99/kanban-board) | [Demo](https://rperry99.github.io/kanban-board/) **17. JavaScript Calculator**: [GitHub](https://github.com/rperry99/calculator) | [Demo](https://rperry99.github.io/calculator/) **18. Splash Page**: [GitHub](https://github.com/rperry99/splash-page) | [Demo](https://rperry99.github.io/splash-page/) **19. Paint Clone**: [GitHub](https://github.com/rperry99/paint-clone) | [Demo](https://rperry99.github.io/paint-clone/) **20. JavaScript PONG**: [GitHub](https://github.com/rperry99/pong-clone) | [Demo](https://rperry99.github.io/pong-clone/)

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：