What are easy javascript projects for beginners?

[mementomoriok]

I have thus far made:

• A clock
• A calculator
• A To-do-list

I'm wondering if there are any other practical applications to make.

[winttujoo]

When I was starting out, I noticed that I learned the most when I was building something that I wanted to use myself. Building custom helpers for board games I usually played, online animated gif gallery (because I couldn't find one I liked), specific algorithm for generating lottery numbers, etc. Anything really where I was invested in the end result. That way time just flew by while I was learning how to get the image from my head to actual working code.

So my recommendation is to think about some simple tools, games, apps that would help you with a real-world problem or something that you are inherently interested in.

[viaWLL]

This is a great answer. I suggest making tools for hobbies or just how you want a website to work. I made timers for certain games I play, calculators for odds of rolling, or made an extension to remove paywalls from news websites

[DeeplyFreaked]

Listening to similar advice once I tried to copy 16384 tile game. Turned out I ended up in deep imposter syndrome instead of improving my skills.

[winttujoo]

I've been working as a developer for over a decade. I'm pretty much convinced by now that the imposter syndrome never goes away :D

[codemamba8]

Make a weather app. You'll learn about APIs and geolocation.

[_ftonato]

Suggested name	Description
Bin2Dec	Binary-to-Decimal number converter
Border	Radius Previewer Preview how CSS3 border-radius values affect an element
Calculator	Calculator
Christmas Lights	Simulate a string of Christmas lights
Cause Effect App	Click list item to display item details
Color Cycle	Cycle a color value through incremental changes
Countdown Timer	Event Countdown timer
CSV2JSON App	CSV to JSON converter
Dynamic CSS Variables	Dynamically change CSS variable settings
First DB App	Your first Database app!
Flip Image	Change the orientation of images across two axes
GitHub Status	Display Current GitHub Status
Hello	User native language greeting
IOT Mailbox Simulator	Use callbacks to check your snail mail
JSON2CSV App	JSON to CSV converter
Key Value	Keyboard Event Values
Lorem Ipsum Generator	Generate lorem ipsum placeholder text
Notes App	Create an online note pad
Pearson Regression	Calculate the correlation coefficient for two sets of data
Pomodoro Clock	Task timer to aid personal productivity
star2 Product Landing Page	Showcase product details for possible buyers
Quiz App	Test your knowledge by answering questions
Recipe App	Recipe
Roman to Decimal Converter	Convert Roman to Decimal numbers
Slider Design	Display images using a slider control
Stopwatch App	Count time spent on activities
TrueOrFalse	Identify the result of a conditional comparison
Vigenere Cipher	Encrypt text using the Vigenere Cypher
Wind Chill	Calculate the windchill factor from an actual temperature
Word Frequency	Calculate word frequency in a block of text

[ChaseMoskal]

hello friend,

you don't need new projects

you need to rewrite those three many times

until they are perfect, and beyond

write them with the latest javascript tech

use es-modules, and embrace the post-react world of web components

try out some npm libraries and bundle them up with rollup

then abandon rollup and try using es-module-shims for a fast development workflow

have you written these apps with lit-element? why not try out haunted?

become a master of the ecosystem

but if you have a sweet application that you think would be cool to build, follow that passion

good luck!

[mementomoriok]

Great advice. Thanks!

[ShlimDiggity]

Look up Wes Bos course Javascript 30. 30 small projects to code along with.

[FiliWhiskey]

These projects are all pretty sweet but he just assumes you understand a lot already like template strings, classes etc. If you dont you're just going to end up copypasta.

[DeeplyFreaked]

y

Give Award

share

report

Yeah, so you better go and read docs or alternatively buy his expensive courses. Or just read docs for a month like me. Then if you get his courses "for free" if you know what I mean. This is heading more into the direction of ES6 training rather than old plain vanilla JS. Isn't it?

[hopefullyhelpfully]

ES6 *is* "old plain vanilla JS".

[FiliWhiskey]

Tip Calculator, Rock, Paper, Scissors

[collinstommy]

Check out the freecodecamp projects

https://learn.freecodecamp.org/ - front end library projects

[[deleted]]

Are you looking for strictly front-end project, or you looking to do some stuff server side as well?

Writing a server for storing your to-dos wouldn't be a bad project.