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. Answer from Acceptable-Tomato392 on reddit.com
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?
August 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 :(
Looking for JavaScript project ideas beyond basic beginner exercises and need recommendations for interactive learning platforms
I’ve already built some simple JavaScript projects like tic-tac-toe games, basic to-do apps, digital clocks, and note-taking websites. Now I’m looking for fresh project ideas that could help me improve my coding skills further. I want to work on something more challenging but still manageable ... More on community.latenode.com
Anyone have a cool webassembly project idea?
A state machine that implements webassembly in the browser. You can then paste snippets and step through the code
More on reddit.comIntermidiate JS projects?
What kind of Javascript projects are good for a beginner?
Make a calculator or weight converter.
More on reddit.comHow to create a Javascript Project?
Creating a JavaScript project is very easy if you’re familiar with the basic functions and core concepts of implementing JavaScript code. Although, the time, effort, and difficulty of projects vary with the complexity of the program you are looking to develop.
guvi.in
guvi.in › blog › project › 30 best javascript project ideas for you [3 bonus portfolio projects]
30 JavaScript Project Ideas [3 Bonus Portfolio Projects]
What is the Easiest Javascript Project?
A timer or a to-do app is among the simplest and easiest JavaScript projects and is very beginner-friendly.
guvi.in
guvi.in › blog › project › 30 best javascript project ideas for you [3 bonus portfolio projects]
30 JavaScript Project Ideas [3 Bonus Portfolio Projects]
What JavaScript projects are suitable for enhancing my front-end skills?
Enhance front-end skills with projects like a photo gallery with lightbox effects, a responsive navigation menu, or an image slider. Focus on creating visually appealing and user-friendly interfaces.
guvi.in
guvi.in › blog › project › 30 best javascript project ideas for you [3 bonus portfolio projects]
30 JavaScript Project Ideas [3 Bonus Portfolio Projects]
Videos
10 Javascript Project Ideas | My First Video With Voice - YouTube
03:38
7 Unique JavaScript Project Ideas to Build Your Skills (With Guides!)
03:14
7 JavaScript Project Ideas To Build Your Skills (With Guides!) ...
JavaScript Projects - What are the best ideas for you? | 25 ...
00:29
JavaScript Project Ideas | #Shorts | Edureka - YouTube
09:03
Top 10 JavaScript Projects To Enhance Your Skills | JavaScript ...
Scrimba
v1.scrimba.com › articles › beginners-javascript-project-ideas
20 achievable JavaScript project ideas for beginner web developers
September 28, 2022 - In this post I am sharing 20 small and achievable projects you can start today and finish this week. If you're not good at design yet, don't worry. We've made some UI designs in Figma (🔗 link included!) for you to recreate. ... 📝 What will you learn?: Here are some functions, properties, or ideas you will likely encounter and learn (if you don't know them already)
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.
GitHub
github.com › deepakkumar55 › ULTIMATE-JAVASCRIPT-PROJECT
GitHub - deepakkumar55/ULTIMATE-JAVASCRIPT-PROJECT: A comprehensive list of 500 JavaScript project ideas for developers of all skill levels. Open-source and community-driven.
A comprehensive list of 500 JavaScript project ideas for developers of all skill levels. Open-source and community-driven. - deepakkumar55/ULTIMATE-JAVASCRIPT-PROJECT
Starred by 1.6K users
Forked by 390 users
Languages JavaScript 50.7% | CSS 32.2% | HTML 17.1%
Medium
medium.com › @iamcodefoxx › 25-beginner-javascript-project-ideas-993d58edfe04
25 Beginner JavaScript Project Ideas | by Miguel Z. Nunez
June 6, 2023 - 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, I included the entire list below. If your an absolute beginner, these projects should keep you busy for at least half a year.
JavaScript in Plain English
javascript.plainenglish.io › top-10-unique-javascript-project-ideas-to-fuel-your-passion-a4da93cc8c63
Top 10 Unique Javascript Project Ideas to Fuel Your Passion | by Infodigit | JavaScript in Plain English
August 29, 2024 - Top 10 Unique Javascript Project Ideas to Fuel Your Passion From Passion to Creation. When I first dipped my toes into the world of JavaScript, I didn’t just see lines of code. I saw endless …
Boot.dev
blog.boot.dev › javascript › javascript-projects-for-beginners
19 Simple JavaScript Projects for Beginners [Updated for 2025] | Boot.dev
December 4, 2023 - JavaScript projects with example code are the best to learn from. I find it a visually appealing app - it’s very satisfying to make these kinds of applications that look and feel smooth to use, especially once you know what’s behind the curtain. ... Who doesn’t love maps? This tutorial teaches you to create interactive Google Maps powered by Angular. That’s a pretty cool idea!
InterviewBit
interviewbit.com › projects › top 15+ javascript projects for beginners to advanced [with source code]
Top 15+ JavaScript Projects for Beginners to Advanced [With Source Code] - InterviewBit
August 16, 2023 - We have divided projects based on beginner, intermediate, and advanced levels. Calculators are fun, so, to begin with, we will build a simple Calculator using JavaScript. We’ll utilize fundamental JavaScript functions to make all the components work, as well as simple HTML and CSS.
Roadmap
roadmap.sh › projects
Project Ideas
Browse the ever-growing list of projects ideas and solutions.