DEV Community

loading...
Cover image for 15 Vanilla JavaScript PROJECT IDEAS: BEGINNER TO EXPERT [WITH FREE TUTORIAL]

15 Vanilla JavaScript PROJECT IDEAS: BEGINNER TO EXPERT [WITH FREE TUTORIAL]

nerdjfpb profile image Muhammad Ali (Nerdjfpb) Originally published at blog.nerdjfpb.com ・1 min read

Now a days everyone is obsessed with the frameworks, but here I’ve listed down some JavaScript tutorials. I tried to find some really really good projects, but sadly I didn’t find any good expert projects(which is free). So check the list and let me know which one you love most ? -

Starter

Todo App

Calculator

Student Grade Calculator

Music App

Intermediate Project ideas

Memory Game

Tic Tac Toe

Whack A Mole

Drum Kit

Advanced Project ideas

Booklist App

Super Mario

Tetris Game

8-Ball Pool

Expert project ideas

Ukulele tuner

Netflix video player

E-commerce

Neural networks

I know it’s a huge list but thanks for reading this whole thing! Share this with your friends to help them!

Here Instagram version of the post –

Originally it published on nerdjfpbblog.

I’ve started a programming community on discord. Click to join Discord Channel

I've two free PDF for you

You can connect with me in twitter or linkedin or instagram

Discussion (17)

pic
Editor guide
Collapse
shakhbulatgaz profile image
Shakhbulat Gazgireev

If I see another calculator or todo app in these lists I'm gonna kill myself.

Collapse
vitalykrenel profile image
Vitaly Krenel • Edited

Hey Shakhbulat! 👋

I completely agree with you that generic todo apps are boring. Recently, I and my friend were trying to create a project assignment. And while I was examining existent todo projects on YouTube and in different articles, I was quite disappointed - those projects were mostly quite identical, had repulsive design and, what's more, they didn't intentionally include specific features of modern web applications, but rather had "what was simply suitable for todo app", so the education value was low.

In the beginning, we thought we could do an interesting Todo app, but it appeared the plain todo app is not so welcoming and interesting. But at the same time, one thing all todo app have in common is that there are a lot of different articles explaining how to build them, in different architectural styles, technologies, and frameworks, so they still bringing valuable experience and insights to learners who explore frontend and backend development.

So we went a different way and decided to try to create an original project assignment, that still has an advantage of Todo apps, specifically a lot of useful articles people could learn from, but, hopefully, much more interesting, challenging, and nice-looking.

So we came up with "Housework Todoer" 🏡 (banda.works/housework-todoer). It is a story backed assignment through which a junior developer should build a frontend application to help our (imaginary) friend Jack to encourage his kids to help him with home chores. The assignment is free, so we hope that it might help quite a few people to become solid frontend developers, have a nice-looking project in their portfolio, and get a job they will like.

Collapse
nerdjfpb profile image
Muhammad Ali (Nerdjfpb) Author

Sadly 90% YouTube made something like this for every programming! I'm just trying to collect different things!

Collapse
shakhbulatgaz profile image
Shakhbulat Gazgireev

Yeah, it is difficult to come up with interesting projects that are not crushingly difficult to create.

Thread Thread
nerdjfpb profile image
Collapse
akdeberg profile image
Anik Khan

You can create a recipe app instead

Collapse
coolrocks profile image
Anant Rungta

Hi @nerdjfpb , I also make tutorials. If you like you can add it in some of your post?
Video - youtube.com/watch?v=66owdRkc8pI
Channel - youtube.com/c/CodersLifeSimplified

Collapse
ashimdev profile image
Ashim Codec

Really these script ideas is going to be game changer in my beginner SD career
thanks

Great work !

Collapse
nerdjfpb profile image
Collapse
davidmm1707 profile image
David MM🐍

Great compilation: Wes Bos JS videos are great. I want to recommend his 30 Days of Javascript, if you know (at least) the basics.

Collapse
nerdjfpb profile image
Muhammad Ali (Nerdjfpb) Author

Wes Bos is awesomeeeeeeeeeeeeeee

Collapse
mizar profile image
Mizar

Great work Muhamad Ali. I cant wait to start coding q(≧▽≦q)

Collapse
banadikt_59 profile image
banadikt

Great work! Will definitely do some of these. Thanks!

Collapse
nerdjfpb profile image
Collapse
progmac profile image
progmac

thank you, great stuff

Collapse
jack_garrus profile image
Nadia G.

I love doing side projects and I have to say that this list you have provided is the best I've seen in years.
I definitely will do every single one! Thank you!

Collapse
nerdjfpb profile image
Muhammad Ali (Nerdjfpb) Author

Thanks! Really really glad to know this!