This repository contains 20 beginner-friendly web development projects built using HTML, CSS, and JavaScript. These projects were done by me during my personal learning journey to enhance my front-end development skills.
Projects:
- News Article Pop-up
- CSS Changer
- Counter Web
- Live Character Count
- Random Number Generator
- Weight Converter
- Code Editor
- Day of the Week
- Stop-Watch
- Write-a-Message
- FORM Validation
- Color Changer With Button
- Accordion Project
- Telephone Formatter
- Cursor Animation
- HEX Color Generator
- Piano Application
- Background Color
- The Popover
- FD Calculator
This repository proudly includes contributions by Anupma Mishra, who has:
- Enhanced the Counter Web App with improved structure and styling
- Upgraded the Color Changer App with VIBGYOR logic and semantic HTML
- (Upcoming) Working on a third PR to further enrich the project with accessibility and UI improvements
Her contributions aim to complement the original work by @05hubhankar20, whose beginner-friendly project structure and thoughtful design laid the foundation for meaningful enhancements.
These updates reflect a shared focus on clean code, user experience, and accessibility — making the project more impactful for learners.
- ✅ Counter App – Semantic & UI Polish
- ✅ VIBGYOR Color App – Logic & Styling
- ✅ Form Validator – Accessibility Enhancements
Getting Started:
- Clone the repository:
git clone <repository_url> - Navigate to the project directory:
cd 20_HTML-CSS-JS-Beginner-Projects - Open the project in your preferred code editor.
Learning Resources: JavaScript 20 Projects In 20 Days HTML, CSS & JavaScript