๐ŸŒ
JavaScript 30
javascript30.com
JavaScript 30 โ€” Build 30 things with vanilla JS in 30 days with 30 tutorials
These videos are free as a thank-you to everyone who has supported my premium courses as well as because I believe in giving back to the community. I see a huge need for these videos and I really think it will help many of you become comfortable creating with JavaScript.
Discussions

Project Ideas- JavaScript Basics up until ES6
Hello, I have learnt all the JavaScript basics up until all the ES6, any ideas for any self projects I could work on? I was thinking maybe like something to do with loops and switch characters and some ES6 to add to it. More on forum.freecodecamp.org
๐ŸŒ forum.freecodecamp.org
1
0
January 6, 2024
Real World JavaScript Projects
https://github.com/florinpop17/app-ideas You can always use Firestore for easy backend. More on reddit.com
๐ŸŒ r/learnjavascript
42
101
June 20, 2020
Unique JavaScript Project Ideas: What Have You Built?
I built a time machine. It's an idle game model. Here's how it works: First I get the date object and I transform it to make it into a variable I can manipulate. Then time is deduced every second and the machine goes back into the past. I transform the date into a number for internal calculation to make it easier. 2020.5674 is the year 2020 with 56.74% of it already passed, so somewhere in mid July. Then there is a database. That's the part with a lot of work. Basically, any historic event has some sort of duration. So depending where the player is, certain events will be displayed in organized lists. So with the 2020.5674 example, the lists would indicate you're in the middle of the COVID crisis, Donald Trump was president, the Yemeni Civil War was going on, the Big Bang Theory was still an active TV show etc... I have categories for pop culture, television, etc... As the player goes back in time, the lists get remade. The database is contained in an array and looks like this for each item: "The Eiffel Tower",4,1887.074,2050.999, So the first element is just the name of the item as it will appear. The second one is a tag that indicates what category it should belong to and the two other numbers are the date the thing existed, or the event was going on, expressed as a fraction for ease of calculation. I also made utilities along the way, such as a page that allows me to get that fractional number instantly by entering a date as input. So basically, a function itterates through all these items and if the category exists, it will be displayed with all the elements whose duration the present date is included in. (I found it easier to do it by concatenating a string than appending tons of children) Now I do have that concept officially copyrighted and I intend to redo it eventually, much bigger, with more details, allowing the user to click on items and get more info, etc... So I don't mind if you do something like that for your own use... just don't publish it under your name. More on reddit.com
๐ŸŒ r/learnjavascript
74
34
May 11, 2023
Projects while Learning Javascript?
As I start learning the basics of Javascript what projects can I do on the side? (Just so you know I just finished learning HTML and CSS) More on forum.freecodecamp.org
๐ŸŒ forum.freecodecamp.org
1
1
January 11, 2021
๐ŸŒ
JavaScript in Plain English
javascript.plainenglish.io โ€บ 5-super-easy-javascript-projects-that-taught-me-the-basics-and-actually-worked-c5c42b8b6ddc
5 Super Easy JavaScript Projects That Taught Me the Basics (and Actually Worked) | by Zeeshan Safdar | JavaScript in Plain English
July 31, 2025 - 5 Super Easy JavaScript Projects That Taught Me the Basics (and Actually Worked) These small wins gave me the confidence to keep going โ€” perfect for beginners who want fast, practical results. 1 โ€ฆ
๐ŸŒ
CodeHS
codehs.com โ€บ projects โ€บ category โ€บ JavaScript
JavaScript Student Projects | CodeHS
All Projects JavaScript Has AI Rubric Java Python Graphics Web Design Games Karel Tracy Ghosts Exploration Nature Virtual Reality Mouse Events Interdisciplinary
๐ŸŒ
freeCodeCamp
forum.freecodecamp.org โ€บ javascript
Project Ideas- JavaScript Basics up until ES6 - JavaScript - The freeCodeCamp Forum
January 6, 2024 - Hello, I have learnt all the JavaScript basics up until all the ES6, any ideas for any self projects I could work on? I was thinking maybe like something to do with loops and switch characters and some ES6 to add to it.
๐ŸŒ
DEV Community
dev.to โ€บ shafspecs โ€บ javascript-projects-for-beginners-28gc
JavaScript Projects for beginners - DEV Community
February 10, 2022 - Hello peeps to this week's article, in this brief post I would be collecting the project ideas you (if you're new to JS and are hungry for project ideas) can take from and create at your leisure time, starting from what I think is basic to a-bit-complex ๐Ÿ˜„.
Find elsewhere
๐ŸŒ
100+ JavaScript Projects
100jsprojects.com
100+ JavaScript Projects | Learn Web Development
Master web development with our curated collection of 100+ beginner-friendly JavaScript projects. Build real-world applications using HTML, CSS, and Vanilla JavaScript.
๐ŸŒ
hackerkidblogs
hackerkid.org โ€บ blog โ€บ javascript-projects-for-kids
10 Fun and Easy JavaScript Projects for Kids of All Ages
June 26, 2025 - Best JavaScript Projects for Kids 1. Interactive Storybook 2. Simple Calculator 3. To-Do List App 4. Weather Dashboard 5. Digital Clock 6. Quiz Game 7. Pixel Art Maker 8. Memory Matching Game 9. Snake Game 10.
๐ŸŒ
CodingNepal
codingnepalweb.com โ€บ home โ€บ blog โ€บ best 30+ javascript projects for practice (with source code)
Best 30+ JavaScript Projects for Practice (With Source Code)
December 30, 2024 - In this blog, Iโ€™ve collected 30+ exciting JavaScript project ideas, starting with beginner-friendly projects and progressing to intermediate challenges. Many of these projects also include fun games to boost your coding experience while having fun. Each project includes a brief description, source code links, and relevant YouTube video tutorials to guide you step-by-step. Whether you want to build a simple calculator or a full-fledged ChatGPT clone app, thereโ€™s something here for everyone.
๐ŸŒ
Reddit
reddit.com โ€บ r/learnjavascript โ€บ real world javascript projects
r/learnjavascript on Reddit: Real World JavaScript Projects
June 20, 2020 -

I am looking for some real world projects that I can do to help me learn as well as build up my portfolio. Something that is different than a todo list or game or calculator. I am having a brain fart when it comes to ideas.

My skill set right now is more in line with front end developer and I am wanting to have some projects that show real world scenarios/ideas (if that makes sense). Any ideas or resources for projects?

Thanks so much for your help.

๐ŸŒ
Reddit
reddit.com โ€บ r/learnjavascript โ€บ unique javascript project ideas: what have you built?
r/learnjavascript on Reddit: Unique JavaScript Project Ideas: What Have You Built?
May 11, 2023 -

I'm curious to know, what are some interesting projects that you have build while learning javascript ?

We all know about the "calculator" and "todo app" projects, but it's harder to find ideas for actual fun and original ideas

Top answer
1 of 22
11
I built a time machine. It's an idle game model. Here's how it works: First I get the date object and I transform it to make it into a variable I can manipulate. Then time is deduced every second and the machine goes back into the past. I transform the date into a number for internal calculation to make it easier. 2020.5674 is the year 2020 with 56.74% of it already passed, so somewhere in mid July. Then there is a database. That's the part with a lot of work. Basically, any historic event has some sort of duration. So depending where the player is, certain events will be displayed in organized lists. So with the 2020.5674 example, the lists would indicate you're in the middle of the COVID crisis, Donald Trump was president, the Yemeni Civil War was going on, the Big Bang Theory was still an active TV show etc... I have categories for pop culture, television, etc... As the player goes back in time, the lists get remade. The database is contained in an array and looks like this for each item: "The Eiffel Tower",4,1887.074,2050.999, So the first element is just the name of the item as it will appear. The second one is a tag that indicates what category it should belong to and the two other numbers are the date the thing existed, or the event was going on, expressed as a fraction for ease of calculation. I also made utilities along the way, such as a page that allows me to get that fractional number instantly by entering a date as input. So basically, a function itterates through all these items and if the category exists, it will be displayed with all the elements whose duration the present date is included in. (I found it easier to do it by concatenating a string than appending tons of children) Now I do have that concept officially copyrighted and I intend to redo it eventually, much bigger, with more details, allowing the user to click on items and get more info, etc... So I don't mind if you do something like that for your own use... just don't publish it under your name.
2 of 22
9
Here are some of my favorite goofy projects: two-body physics sim that gives you a score based on how circular your orbit is and you can share your orbits with other people. https://github.com/dkallen78/physics-experiment-1 I really like making clocks for some reason. Here's one I did to tell time on Mars. https://github.com/dkallen78/martian-clock And here is some fractal fun based on a Numberphile video. https://github.com/dkallen78/fractal-experiment-1 I have some NASA API stuff but there's something wrong with my key at the moment so it isn't working :(
๐ŸŒ
EngX Space
engx.space โ€บ global โ€บ en โ€บ blog โ€บ javascript-project-ideas-for-beginners-and-beyond
JavaScript project ideas for beginners and beyond | EngX Space
The best JavaScript project ideas for beginners, students, and those at the advanced level you can learn to do right now! Read this article.
๐ŸŒ
Mikkegoes
mikkegoes.com โ€บ home โ€บ blog โ€บ 24 javascript projects you can build to perfect your coding skills
24 JavaScript Projects For Beginners In 2025 (With Source Code)
January 14, 2025 - This JavaScript project is great for intermediate students who want to practice their model-view-controller skills. Thus, you will learn how to organize your code to build a strong foundation for the project.
๐ŸŒ
GitHub
github.com โ€บ bradtraversy โ€บ 50projects50days
GitHub - bradtraversy/50projects50days: 50+ mini web projects using HTML, CSS & JS ยท GitHub
50+ mini web projects using HTML, CSS & JS. Contribute to bradtraversy/50projects50days development by creating an account on GitHub.
Starred by 40.5K users
Forked by 9.8K users
Languages ย  CSS 38.5% | HTML 31.6% | JavaScript 29.9%
๐ŸŒ
DEV Community
dev.to โ€บ shantanu_jana โ€บ 100-javascript-projects-with-source-code-59lo
100+ JavaScript Projects With Source Code - DEV Community
September 13, 2024 - A Custom Video Player in JavaScript is a web JavaScript Project that provides a customized user interface (UI) for playing video content. It typically includes features such as play, pause, volume control, playback speed adjustment, progress bar, fullscreen mode, and custom styling. Preview & Code ยท If you are a student ...
๐ŸŒ
Hackr
hackr.io โ€บ home โ€บ articles โ€บ programming
16 Best JavaScript Projects for Beginners [With Source Code]
April 3, 2024 - Conditional Logic: Applying conditional statements to handle game flow, such as switching between players and checking for the end of the game. Array Manipulation: Manipulating arrays to represent and update the game board state. JavaScript Best Practices: Writing clean, efficient, and well-structured JavaScript via best practices to enhance readability and maintainability. ... In this JavaScript project, you'll build a To-Do List app, a practical and highly useful application that is a staple in many people's daily productivity routines.
๐ŸŒ
Coursera
coursera.org โ€บ coursera articles โ€บ computer science and engineering โ€บ software development โ€บ 12 javascript projects for different skill levels
12 JavaScript Projects for Different Skill Levels | Coursera
February 4, 2025 - Website contact forms are one of the most common JavaScript projects. Organisations often use them to collect reviews or information about a customer, such as their name and email address. It may be for a single entry for a simple response or more complex with multiple fields to collect information.
๐ŸŒ
GUVI
guvi.in โ€บ blog โ€บ project โ€บ 30 best javascript project ideas for you [3 bonus portfolio projects]
30 JavaScript Project Ideas [3 Bonus Portfolio Projects]
September 30, 2025 - A currency converter is one of the coolest intermediate JavaScript projects for college students or anyone who wants to create an interactive web application. The converter could have as many currencies as you wish.