Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
August 25, 2021 03:57 am GMT

25 Beginner JavaScript Project Ideas

I previously wrote a blog about 15 JavaScript beginner projects and it was quite popular ( check it out here ). What many didn't know is those projects were part of a list of 25. Below is the complete list just in case you missed that story. These projects should keep you busy for at least half a year. Assuming, of course, that you figure them out on your own with nothing but good old stackoverflow for tips.

If you manage to get through all the projects this way, I can virtually guarantee that you'll be a bad ass developer. Don't believe me? When I first started, I could barely handle solving project number one on my own. By the time I was done, well, you see what I built on project 25.

Once your done with these projects, you'll be more than ready to start with a framework like node.js and do some real damage. For now, build these projects so you can master the front-end. Don't rush yourself to full stack development. I see it happen all to often, aspiring developers trying to learn everything in a month and then looking like a deer that seen headlights when asked to build a decent looking website. Take your time and learn it right.

I left a link to the GitHub repo for each project but that's only to be peeked at when you have tried everything else. You can also try out the projects live.

Visit my website sometime at Miguel Nunez.

1. Colors

GitHub:

Try it live:
Colors

Colors

2. Hex colors gradient

GitHub:

Try it live:
Hex Colors Gradient

Hex colors gradient

3. Random quote generator

GitHub:

Try it live:
Random quote generator

Random quote generator

4. The message

GitHub:

Try it live:
The message

The message

5. Counter

GitHub:

Try it live:
Counter

Counter

6. Image carousel

GitHub:

Try it live:
Image carousel

Image carousel

7. Digital clock

GitHub:

Try it live:
Digital clock

Digital clock

8. Calculator

GitHub:

Try it live:
Calculator

Calculator

9. Grocery list

GitHub:

Try it live:
Grocery list

Grocery list

10. Tip calculator

GitHub:

Try it live:
Tip calculator

Tip calculator

11. Flashcards

GitHub:

Try it live:
Flashcards

Flashcards

12. To-do list

GitHub:

Try it live:
To-do list

To-do list

13. Sticky notes

GitHub:

Try it live:
Sticky notes

Sticky notes

14. Timer

GitHub:

Try it live:
Timer

Timer

15. Math

GitHub:

Try it live:
Math4kids

Math4kids

16. Unsplash API

GitHub:

Try it live:
Unsplash API

Unsplash API

17. Typewriter

GitHub:

Try it live:
Typewriter

Typewriter

18. Square cards

GitHub:

Try it live:
Square cards

Square cards

19. Weather application

GitHub:

Try it live:
Weather application

Weather application

20. Wikipedia API

GitHub:

Try it live:
Wikipedia API

Wikipedia API

21. Marvel API

GitHub:

Try it live:
Marvel API

Marvel API

22. Quiz app

GitHub:

Try it live:
Quiz App

Quiz App

23. Recipe API

GitHub:

Try it live:
Recipe API

Recipe API

24. Music player

GitHub:
n/a

Try it live:
n/a

Music player

25. Image editor

GitHub:
n/a

Try it live:
n/a

Image editor


Original Link: https://dev.to/codefoxx/25-beginner-javascript-project-ideas-3m9h

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To