Here you can find some challenges! https://www.frontendmentor.io/challenges?languages=CSS%2CJS&sort=difficulty%7Casc Answer from vernicao on reddit.com
🌐
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.
🌐
Boot.dev
blog.boot.dev › javascript › javascript-projects-for-beginners
19 Simple JavaScript Projects for Beginners [Updated for 2025] | Boot.dev
December 4, 2023 - That’s why I like it for beginners, even though creating the front end of your blog is pretty advanced. Scrimba has a great list of JS projects, my favorite is their suggestion to clone the Google homepage! It’s not too hard and it’s something you can get started on with just a basic knowledge of HTML, CSS, and JavaScript.
Discussions

Finished learning basics of html and css. Want to do some projects using only html and css
Pardon me if this is not allowed here, you can remove this if this is not allowed. I’ve finished learning basics of HTML and CSS indvidually. I.e topic by topic w/o creating a project. If you want to know the topics that I’ve learnt, I’ve learnt around everything contained in the book ... More on forum.freecodecamp.org
🌐 forum.freecodecamp.org
1
October 23, 2022
Beginner-Friendly HTML & CSS Projects?
Here you can find some challenges! https://www.frontendmentor.io/challenges?languages=CSS%2CJS&sort=difficulty%7Casc More on reddit.com
🌐 r/webdevelopment
8
1
August 27, 2024
Projects with high-quality designs to practice your HTML, CSS, JS... skills
Hey u/BigsonDev this looks like a great idea. I already have some knowledge of HTML, CSS and JS, but having the guidance and the technichal perspective seems like a great place to continue my learning. I will look forward to your other projects. More on reddit.com
🌐 r/learnprogramming
74
1524
February 10, 2021
Ideas for beginner JS projects
I’m looking forward to take time now to further develop my front end skills and strengthen my fundamentals in Javascript by making a project or two with HTML/CSS/Javascript, no additional frameworks. Any ideas on good beginner projects to help me out in this regard? More on forum.freecodecamp.org
🌐 forum.freecodecamp.org
0
September 18, 2024
🌐
Jscrambler
jscrambler.com › blog › html-css-and-javascript-practice-projects-to-level-up-your-developer-skills
HTML and CSS Practice Projects to Boost Developer Skills
This article will examine seven HTML, CSS, and JavaScript projects to boost your web development game and developer skills. Try them today.
🌐
freeCodeCamp
forum.freecodecamp.org › career advice
Finished learning basics of html and css. Want to do some projects using only html and css - Career Advice - The freeCodeCamp Forum
Pardon me if this is not allowed here, you can remove this if this is not allowed. I’ve finished learning basics of HTML and CSS indvidually. I.e topic by topic w/o creating a project. If you want to know the topics that I’ve learnt, I’ve learnt around everything contained in the book ...
Published   October 23, 2022
🌐
Reddit
reddit.com › r/webdevelopment › beginner-friendly html & css projects?
r/webdevelopment on Reddit: Beginner-Friendly HTML & CSS Projects?
August 27, 2024 -

Hey everyone!

I'm currently learning HTML, CSS & JavaScript. Was wondering if there are any resources available that share ideas for beginner-friendly projects?

I definitely learn by doing and would love some project ideas.

Any ideas are welcome :)

🌐
Quora
quora.com › What-are-some-basic-projects-to-start-with-after-learning-the-basics-of-HTML-CSS-and-JS
What are some basic projects to start with after learning the basics of HTML, CSS and JS? - Quora
Answer (1 of 9): You can try and build a portfolio site for yourself! Including the things you like to do, your hobbies, with some of your stunning images !!(LOL) Just give it a try. Just remember the more you do the more you learn, so don’t shy away from things that may seem to be hard. :) Hap...
🌐
GeeksforGeeks
geeksforgeeks.org › javascript › top-javascript-projects
JavaScript Projects | 80+ Project Ideas with Source Code for 2025 - GeeksforGeeks
July 29, 2025 - Here, we provided 95+ JavaScript projects with source code and ideas to provide hands-on experience for both beginners and professionals. Whether you’re a student enhancing your resume or a professional advancing your career these projects will help you to gain the real world knowledge of Frontend Development and Web Development. These JavaScript projects have been created using HTML, CSS, and JavaScript.
Find elsewhere
🌐
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 - This project uses the HTML5 canvas and JavaScript to create interactive designs. It’s an excellent way to learn about graphics-based applications and event handling. ... Build a chatbot where users can ask questions and get answers using the Google Gemini API. You’ll work with JavaScript, HTML, and CSS to create a functional and interactive chatbot.
🌐
Reddit
reddit.com › r/learnprogramming › projects with high-quality designs to practice your html, css, js... skills
r/learnprogramming on Reddit: Projects with high-quality designs to practice your HTML, CSS, JS... skills
February 10, 2021 -

Hi,
Me (ex Lead Frontend Developer) and UX/UI Designer are working on free projects to practice/improve your skills. We're trying to provide high-quality designs after a technical review, there are some tips on how to start, recommended technologies, user stories, and more...

We're trying to reach around 15 projects and sort them in difficulty level order, each of the projects should teach some real-world concepts and after completing all of them, you should have a strong Full-stack (Frontend/Backend) understanding of the modern technologies in your pocket.

For now, there are 4 projects, mostly Frontend related (Notes App could be extended with some Backend), we should get to 10 of them around March~ 👀

Link: https://bigsondev.com/projects/

Hope you find this useful!

🌐
HubSpot
blog.hubspot.com › website › html-projects-for-beginners
HTML Projects for Beginners: 10 Easy Starter Ideas
April 8, 2025 - Discover 10 easy HTML projects for beginners to enhance your web development skills. Perfect starting points to build your coding portfolio.
🌐
CodeWithFaraz
codewithfaraz.com › projects › html-css-and-javascript-projects-from-beginner-to-advanced
200+ HTML, CSS, and JavaScript Projects from Beginner to Advanced
August 28, 2025 - Get hands-on experience with 200+ HTML, CSS, and JavaScript projects with source code designed for beginners to advanced developers.
🌐
YouTube
youtube.com › playlist
30 Days, 30 JavaScript Projects For Beginners to Practice #javascriptproject - YouTube
30 Best JavaScript projects for Resume, Beginners to Advance JavaScript Projects. HTML, CSS and JavaScript Projects for beginners. Step By Step Tutorial #jav...
🌐
Sololearn
sololearn.com › en › Discuss › 3341317 › can-you-give-me-some-advice-on-what-project-i-can-start-with-today-to-practice-html-css-and-javascript
Can you give me some advice on what project I can start with today to practice HTML, CSS, and JavaScript? | Sololearn: Learn to code for FREE!
October 19, 2025 - Some beginner-level projects you can build at each stage like a roadmap: 1. HTML: - Personal Portfolio Page: Create a simple webpage to showcase your skills, projects, and contact information.
🌐
freeCodeCamp
forum.freecodecamp.org › you can do this!
Ideas for beginner JS projects - You Can Do This! - The freeCodeCamp Forum
September 18, 2024 - Hello guys, I just finished the first three certifications from freeCodeCamp. I’m looking forward to take time now to further develop my front end skills and strengthen my fundamentals in Javascript by making a project or two with HTML/CSS/Javascript, no additional frameworks.
🌐
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 - The Dynamic JavaScript quiz project is a great starting point for more advanced quizzes of your own. You will practice HTML, CSS, and JavaScript, and end up with a fantastic little portfolio project to showcase your skills.
🌐
Skillcrush
skillcrush.com › home › blog › blog
21 Easy JavaScript Projects for Beginners (Code included!) Skillcrush
December 18, 2023 - It gives you a solid foundation for how to use Math.random to produce randomized results for JavaScript projects · You can use this project to impress your friends and make small life decisions · Learn more about how to use the random function, nested functions, and event listeners ... Copy the source code from GitHub for HTML and CSS.
🌐
Reddit
reddit.com › r/frontend › [deleted by user]
Beginner friendly JavaScript projects? : r/Frontend
August 23, 2022 - 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).
🌐
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 - Following are some Simple JavaScript Projects for Beginners or Students: Create a simple countdown timer with JavaScript, CSS, and HTML. You can play with the appearance as per your liking.
🌐
GitHub
github.com › sahandghavidel › HTML-CSS-JavaScript-projects-for-beginners
GitHub - sahandghavidel/HTML-CSS-JavaScript-projects-for-beginners: Learn how to build simple, responsive websites using HTML, CSS, and JavaScript
Building in HTML, CSS, or JavaScript is fine, and this guide will explain HTML, CSS, and JavaScript syntax. Each project in this course is started from scratch and finished without using copied code. Then, we'll go over the code together to ensure that everyone understands.
Starred by 1.6K users
Forked by 752 users
Languages   HTML 38.0% | CSS 33.8% | JavaScript 28.2%
🌐
Roadmap
roadmap.sh › frontend › projects
Frontend Projects
beginnerFrontendAge CalculatorCreate an age calculator using HTML, CSS, and JavaScript. beginnerFrontendFlash CardsCreate a flash card app using JavaScript frameworks. intermediateJavaScriptCustom DropdownCreate a custom dropdown using HTML, CSS, and JavaScript.