• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

JSBeginners

  • Home
  • About JSBeginners
  • 100+ JavaScript Projects List
  • Contact

Recipe App JavaScript Project

Last updated on November 19, 2020 By jsbeginners Leave a Comment

recipe app javascript project

The recipe app project was the capstone project in Andrew Mead’s, The Modern JavaScript Bootcamp course. The challenge was to put together an app that used the features from both the Todo and the Notes app built earlier in his course

Filed Under: Intermediate JavaScript Projects Tagged With: filter, localStorage, uuid

Drum Kit JavaScript Project

Last updated on November 19, 2020 By jsbeginners Leave a Comment

drum kit javascript project

The point of this project is to have each key, when pressed, make a corresponding drum noise. It also uses CSS transitions and animations to make the project more interactive to the user. I completed this project earlier in my JavaScript learning phase. I found it quite confusing because I had never used the HTML audio API or the selection of DOM elements using the date-key attribute.

Filed Under: Beginner JavaScript Projects Tagged With: Array.forEach(), Control Structures, DOM Manipulation, JavaScript CSS Manipulation

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 11
  • Go to page 12
  • Go to page 13

Primary Sidebar

100 JavaScript Projects in a comprehensive eBook

Links to source code and a Project Completion Checklist included for #100daysofcode!

 

Completed Projects

  • Beginner JavaScript Projects (48)
  • Intermediate JavaScript Projects (17)
  • JavaScript: Understanding the Weird Parts (6)
  • MDN JavaScript Documentation Notes (4)
  • Simple JavaScript Games (3)

Online Courses with Multiple JavaScript Projects!

Smigla's JavaScript Project Course (30+ Projects)

John Smigla's JavaScript Project Course

30+ JavaScript projects from basic to intermediate, covering everthing from basic DOM Manipulation to API and AJAX projects!

Bluelime's JavaScript Project Course (27 Projects)

BlueLime's JavaScript Project Course

27 basic to intermediate JavaScript projects. A good place to start for JavaScript projects that should take you about 30 minutes on average to complete.

Sveki's Monster JavaScript Project Course (50+ Projects)

Sveki's Monster JavaScript Project Course

50+ JavaScript projects from games to utility applications! This course will keep you busy working on JavaScript projects for weeks!

  • Privacy Policy
  • Cookie Policy
  • 100 Javascript Projects!

Copyright © 2022 ยท Made with Grit by JS Beginners.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are as essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
SAVE & ACCEPT