DEV Community

Cover image for JavaScript project ideas and practical uses

JavaScript project ideas and practical uses

Yaphi Berhanu on August 28, 2017

This article originally appeared on Simple Steps Code which tries its best to help people learn JavaScript and actually remember it. Over and over...
Collapse
 
getdanarias profile image
Dan

Over the Summer of 2015, I decided to learn JavaScript. I wanted to make it fun and engaging for myself and others who would be checking out my project and progress.

I opted to create a homage to PacMan: critterchase.com

It started with basic JavaScript and HTML5 Canvas use. The new version now works on Mobile and has React as its mounting framework. Performance in some Android devices is something I still need to figure out but that would be another adventure! High Performance Mobile Pages.

Ultimately, this proved to be a very fun project! People love to try it out. It also got the attention of employers at a recent Career Fair at my school!

If you are interested on a tutorial on how to craft the game, I would be down to write some blog posts or put some videos on YouTube! Please, let me know

Collapse
 
yaphi1 profile image
Yaphi Berhanu

Looks awesome!

Collapse
 
getdanarias profile image
Dan

Thanks a lot! Glad you liked it! :)

Collapse
 
mikenieva profile image
Mike Nieva

Great project.

Collapse
 
icgreen profile image
icgreen

I've been looking for something like this. I've been searching for projects to improve my JavaScript skills. However, when I sit down to code something at home and hit a wall cause I don't know what to code. This is what I needed. I hope this list will keep growing with other contributing. Thanks again!

Collapse
 
yaphi1 profile image
Yaphi Berhanu

You're very welcome! I'm glad the list is helpful.

Collapse
 
michael profile image
Michael Lee 🍕

Really nice list! I love the practicality of some of these ideas!

I recently saw a UI on my Dr's website and thought, neat it'd be useful for just about any brick and mortar site. So I created a JavaScript plugin that automatically generates the hours of operation based on a JavaScript object that's passed to it. It also determines the day of the week when viewed and highlights the day.

Check out Open Hours if you're interested and hope it inspires JavaScript projects like it :)

Collapse
 
yaphi1 profile image
Yaphi Berhanu

That's a great idea! Very useful for a lot of businesses.

Collapse
 
michael profile image
Michael Lee 🍕

Thanks @yaphi1 ! Yeah one of my clients is a restaurant and I plan on using this plugin for their website :)

Collapse
 
tamouse profile image
Tamara Temple

This is excellent!! You are so right in people wondering what to do next after learning some JS, whether in classes or on their own. I'll be passing this on to them. Will this land in a repo someplace?

Collapse
 
yaphi1 profile image
Yaphi Berhanu

I'm glad you like the list!

I have some of these projects in one form or another scattered across the internet (usually through articles). At the moment, I don't have plans to put these in one repo, but that could change at some point.

Collapse
 
tamouse profile image
Tamara Temple

Just to be clear: what I meant was putting the project list itself in a repo; that makes it easier for everyone to contribute to the list.

Collapse
 
crongm profile image
Carlos Garcia ★

Even though I have some experience with JavaScript and many frameworks there are some items in this list that will prove to be good challenges, as I have no experience making anything like them. Thank you!

Collapse
 
yaphi1 profile image
Yaphi Berhanu

Glad it was a helpful list!

Collapse
 
rraccd profile image
Rraccd

Make a historical timeline either by user entering dates or scraping from specific site.

Collapse
 
yaphi1 profile image
Yaphi Berhanu

That's a great project idea!

Collapse
 
johnto20 profile image
Andrew

I've taken the step of learning JS. One thing I read which stood out for me was to make sure that you actually do something practical with your learning.

With this in mind I created nextlevelpuzzles.com as my first JS project. It's by no means complicated, but it allowed me to apply basic logic, html/css and JS (such as event listeners) in a practical manner.

I've found courses by Wes Bos to be particularly helpful.

Collapse
 
jochemstoel profile image
Jochem Stoel • Edited

This was fun to read. I have completed almost all of them already except none of the game related. I'll give the list some thought too.

Collapse
 
yaphi1 profile image
Yaphi Berhanu

I'm glad you liked it!

Collapse
 
tariq profile image
Tariqul Islam

This is really a great Article. Thanks, Yaphi.

Collapse
 
yaphi1 profile image
Yaphi Berhanu

You're very welcome!

Collapse
 
larswaechter profile image
Lars Wächter

Great ideas, excited to see more :)

Collapse
 
yaphi1 profile image
Yaphi Berhanu

Thanks so much!

Collapse
 
hrishio profile image
Hrishi Mittal

Great list, Yaphi! You might also find this list I made useful.

Collapse
 
yaphi1 profile image
Yaphi Berhanu

I really like your list!

Collapse
 
scisaif profile image
SciSaif

I made an encoder decoder app.. please check it out.

scisaif.github.io/Encoder-Decoder/

please suggest more such proje ts

Collapse
 
jochemstoel profile image
Jochem Stoel

I have a suggestion to add.

A web interface to manage MySQL databases. (pretty much like phpMyAdmin)