web-projects-showcase

HTML • CSS • JavaScript Projects

A collection of frontend projects built with pure HTML5, CSS3, and vanilla JavaScript — no frameworks, no dependencies, just clean fundamental web development.

These projects demonstrate core frontend skills including responsive design, UI layouts, DOM manipulation, animations, and interactive components.


👨‍💻 Developer

Mirza Hadi Full-Stack WordPress Developer & Technical Problem Solver 5+ years building and debugging 100+ production websites

🌐 hadi-mirza.com 💼 linkedin.com/in/hadibaig 🐙 github.com/Hadibaig 📰 DCXherald Newsletter — 4,000+ subscribers


🗂️ HTML CSS JS Projects List

# Project Description Live Demo
01 frontend-login-web-page Simple Login Form frontend-login-web-page
02 To-Do-Dashboard-App To Do Dashboard App To-Do-Dashboard-App
03 Timeline-Builder-App Timeline Builder App Timeline-Builder-App
04 TalentFlow-Recruitment-Wizard TalenFlow Recruitment Wizard TalentFlow-Recruitment-Wizard
05 EmpowerFit-Womens-Fitness-Club EmpowerFit Womens Fitness Club Landing page EmpowerFit-Womens-Fitness-Club
06 FastBite-Restaurant-Landing-Page FastBite Restaurant Landing Page FastBite-Restaurant-Landing-Page
07 Image-Gallery-Grid-Layout-App Image Gallery Grid Layout App Image-Gallery-Grid-Layout-App
08 Interactive-event-invite Interactive event invite Interactive-event-invite
09 cv-read-more-function CV Read More Function Interactive-event-invite
10 prime-estate-realty Prime Estate Realty prime-estate-realty
11 securePass-generator Secure Password Generator securePass-generator
12 buttoncraft-generator ButtobCraft Generator buttoncraft-generator
13 buttoncraft-generator-v2-1-0 ButtobCraft Generator V2.1.0 buttoncraft-generator-v2-1-0
14 geoscope-content-analyzer Geoscope Content Analyzer geoscope-content-analyzer

Projects added weekly — follow to stay updated


🛠️ Technologies Used

HTML5 CSS3 JavaScript


📐 What Each Project Covers

Every project in this folder is built with:


🎯 Purpose

These projects serve two purposes:

1. Skill demonstration Showing clean, structured, and maintainable frontend code that follows best practices.

2. Real world application Every project is based on a real use case — not just a tutorial copy. Each one solves a real frontend problem or builds something genuinely useful.



📜 License

MIT — free to use, learn from, and adapt with attribution to the original developer.


⭐ Star this repo if you find it useful 👤 Follow for weekly project updates