Hackr
hackr.io › home › articles › programming
16 Best JavaScript Projects for Beginners [With Source Code]
April 3, 2024 - The source code for this project is available here. ... Chat applications are comparatively simple to make and you can create one yourself using JavaScript. This project makes use of both React and Node.js, so it might be a little intimidating. However, it’s a good way to get your hands dirty and learn how to work with these invaluable tools.
GitHub
github.com › solygambas › html-css-javascript-projects
GitHub - solygambas/html-css-javascript-projects: 100+ mini web projects using HTML, CSS and JavaScript. · GitHub
Welcome to the repository for 100+ mini web projects using HTML, CSS, and JavaScript. This collection serves as a comprehensive resource for developers of all levels to practice their skills, explore new techniques, and get inspired by a wide range of web projects. Consider this as the ideal companion if you want to embark on the 100 Days of Code journey and challenge yourself. Enhance your learning journey with 100 Projects in 100 Days – HTML, CSS & JavaScript: The Ultimate Companion Guide.
Starred by 2.1K users
Forked by 672 users
Languages HTML 47.6% | CSS 34.3% | JavaScript 17.4% | SCSS 0.7%
[deleted by user]
Make a game (with a browser UI or TUI) that scrambles the letters in a word and asks the player to guess the original word. Good for developing skills with manipulating strings, getting a feel for a few different data structures, working with events, and storing state (especially if you make a CSS/HTML version). Additional challenges: Difficulty selector (e.g. easy, medium, hard) Persist high scores/other records in a DB (or however you want to) Ensure that the player never gets the same word twice in a single game More on reddit.com
24
62
May 14, 2022Where can I find beginner Javascript projects?
This GitHub repo is great lots of projects varies in difficulty More on reddit.com
22
116
June 23, 2020Java script projects for beginners?
Only front end vanilla JS todo app grocery list investment calculator rock, paper, scissor game tic-tac-toe clicker game meal planner With an API Sports data page weather app meal nutrients calculator movie info app RapidAPI is a good place to look for APIs More on reddit.com
3
3
May 31, 2023Real world beginner Javascript projects?
create yourself a landing page with 1)Accordion 2)Dropdown menu on click 3)Hamburger menu 4)Input checker add a input field and insert your regex inside js and control it if the value is valid Bonus Edit : create element and append under the input, change the children (text) on different situations (on sucess "sucesss on invalid "error" etc) 5)Fetch data from somewhere and display it on screen these are the ones that comes to my mind More on reddit.com
17
17
October 22, 2022What projects can you build with JavaScript?
There are a variety of JavaScript projects you can build ranging from beginner to advanced:
- Simple Calculator
- To-do List
- Quiz App
- Real-time Data Visualization Dashboard
- Multiplayer Game
- Artificial Intelligence Platform
- Simple Calculator
- To-do List
- Quiz App
- Real-time Data Visualization Dashboard
- Multiplayer Game
- Artificial Intelligence Platform
wiingy.com
wiingy.com › home › resources › 20 real-world javascript projects to enhance your portfolio in 2026
20 Real-World JavaScript Projects in 2026 to Enhance Your Portfolio
Where can I find the source code for these projects?
GitHub is an excellent resource for open-source project codes.
codewithfaraz.com
codewithfaraz.com › article › 256 › 45-javascript-projects-with-source-code-and-live-demo-for-beginners
45+ JavaScript Projects with Source Code and Live Demo for Beginners
What is the best project to learn JavaScript?
Simple projects like To-Do lists, Quizzes, Pong Games, Tic Tac Toe, etc which teach basic syntax are good projects to learn from.
wiingy.com
wiingy.com › home › resources › 20 real-world javascript projects to enhance your portfolio in 2026
20 Real-World JavaScript Projects in 2026 to Enhance Your Portfolio
Videos
06:43:57
6 Hours of JavaScript Projects - From Beginner to Advanced - YouTube
10:00:00
HTML, CSS & JavaScript Full Course - Build 15 Projects - YouTube
06:51
10+ Javascript Project With Source Code In 60 Minutes - YouTube
11:59:34
HTML CSS JS projects (Beginner): 30 projects using HTML CSS and ...
01:45:09
5 Mini JavaScript Projects - For Beginners - YouTube
11:56:51
HTML CSS JavaScript projects for beginners 2024 - 12 js projects ...
DEV Community
dev.to › nehasoni__ › 25-javascript-project-with-source-code-to-build-your-skills-18e7
25+ JavaScript Project With Source Code to Build your Skills - DEV Community
May 30, 2021 - In this project, questions are dynamically generated using an object constructor. You have the 'Retake Quiz' option available at the end :) Key concepts covered :- 1.) JavaScript CSS Manipulation 2.) JavaScript DOM Manipulation 3.) event listeners 4.) Math.random() 5.) Objects Source Code:- Quiz app · Whac-A-Mole is a popular arcade game. When the Game Start, by clicking on the title, a Mole will "Pop" from a random Hole, with random duration.
Djamware
djamware.com › post › top-25-javascript-projects-for-beginners-with-source-code
Top 25 JavaScript Projects for Beginners with Source Code – Djamware
July 5, 2025 - 25 beginner-friendly JavaScript projects with source code to help you practice DOM, APIs, events, and logic—perfect for portfolio or learning.
Wiingy
wiingy.com › home › resources › 20 real-world javascript projects to enhance your portfolio in 2026
20 Real-World JavaScript Projects in 2026 to Enhance Your Portfolio
January 2, 2026 - Simple projects like To-Do lists, Quizzes, Pong Games, Tic Tac Toe, etc which teach basic syntax are good projects to learn from. Open your browser. Open developer tools by right-clicking and selecting Inspect.
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 - For a simple game like Tic Tac Toe, I find it helpful to draw a small flow chart to visualize the different outcomes of the game. When I can see the flow on paper, it’s easier to start writing actual code. You will find an example Tic Tac Toe JavaScript project with its source code here.
GitHub
github.com › thinkswell › javascript-mini-projects
GitHub - thinkswell/javascript-mini-projects: Awesome Collection of amazing javascript mini-projects. · GitHub
It's crucial for both the project maintainer and every contributor to channel their efforts towards "1Application-frontend" to successfully host all the projects in a single, unified frontend. Begin by forking this repository. Clone the repository to your local system with the following command: git clone https://github.com/<username>/javascript-mini-projects.git
Starred by 1.5K users
Forked by 967 users
Languages JavaScript 62.8% | HTML 15.9% | CSS 14.4% | SCSS 6.6% | Vue 0.2% | Svelte 0.1%
CodeWithFaraz
codewithfaraz.com › projects › html-css-and-javascript-projects-from-beginner-to-advanced
200+ HTML, CSS, and JavaScript Projects from Beginner to Advanced
January 11, 2026 - Get hands-on experience with 200+ HTML, CSS, and JavaScript projects with source code designed for beginners to advanced developers.
Engineers Planet
engineersplanet.com › home › btech › computer science | html | css | javascript projects free downloads
Computer Science | Html | CSS | JavaScript Projects Free Downloads - Engineer's Planet
September 22, 2024 - Discover a wide range of free HTML, CSS, and JavaScript projects designed for engineering students. Enhance your web development.
CodeWithRandom
codewithrandom.com › 100-day-frontend-projects
100 Day , 100 HTML CSS JavaScript Projects
February 8, 2025 - Responsive Portfolio Website Using HTML and CSS (Source Code) Travel/Tourism Website Project Using HTML and CSS Code ... If you complete these 100 days coding projects then I can tell you with 100% confidence that you will become a good frontend developer in this 100 Days of Code, we will make you do different projects in HTML, CSS and JAVASCRIPT language with source code.
Great Learning
mygreatlearning.com › blog › javascript projects ideas
80+ JavaScript Projects with Source Code
June 2, 2025 - Build your skills with 80+ JavaScript projects, ranging from beginner to advanced, using HTML and CSS, with source code and live demos.
CodeWithRandom
codewithrandom.com › javascript-projects
JavaScript Projects
November 26, 2023 - 🔥Here is the List Of Best 🌟JavaScript Projects With Source Code 🚀
CodingNepal
codingnepalweb.com › home › javascript projects
JavaScript Projects - CodingNepal
Top best JavaScript projects of CodingNepal for beginners to build their skills with free source code files. These JavaScript projects are made for beginners.
W3Schools
w3schools.com › js › js_examples.asp
JavaScript Examples
Adding two strings together using the concatenating (+) operator Adding two strings together with a space in the first string Adding two strings together with a space in between Adding two strings together using using the += operator Adding ...
LinkedIn
linkedin.com › pulse › top-25-javascript-projects-beginners-source-code-github-pratik-pathak-mi4nc
Top 25+ Javascript Projects for Beginners with Source ...
We cannot provide a description for this page right now
YouTube
youtube.com › playlist
Easy JavaScript Projects for Beginners with Source Code - YouTube
August 31, 2024 - In this playlist, you'll learn to create Exciting Web Projects using HTML, CSS and JavaScript.
Scribd
scribd.com › document › 728453997 › 500-Coding-Projects-with-source-code
500+ Coding Projects With Source Code | PDF | Java Script
JavaScript is disabled in your browser · Please enable JavaScript to proceed · A required part of this site couldn’t load. This may be due to a browser extension, network issues, or browser settings. Please check your connection, disable any ad blockers, or try using a different browser
CodeWithRandom
codewithrandom.com › 2024 › 01 › 21 › frontend-projects-source-code
100+ JavaScript Projects For Beginners With Source Code
February 15, 2025 - Explore 100+ JavaScript projects for beginners with source code to build a strong foundation in web development. These projects will boost your coding skills and help you land developer jobs!
Medium
medium.com › @coding_thai › 10-javascript-projects-with-source-code-bf4ad20e49d0
10+ JavaScript Projects with Source Code | by Codingthai | Medium
December 29, 2023 - In this post, you will receive 10+ JavaScript Projects with source code for total beginners. You will get all project source code with code explanation. Projects are very helpful for practicing…