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
🗂️ 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 | |
| 03 | Image-Gallery-Grid-Layout-App | Short description | |
| 04 | TalentFlow-Recruitment-Wizard | TalenFlow Recruitment Wizard | |
| 05 | EmpowerFit-Womens-Fitness-Club | EmpowerFit Womens Fitness Club Landing page |
Projects added weekly — follow to stay updated
🛠️ Technologies Used
📐 What Each Project Covers
Every project in this folder is built with:
- Semantic HTML5 structure
- Responsive CSS — mobile first approach
- Clean vanilla JavaScript — no jQuery
- Cross browser compatibility
- Commented and readable code
🎯 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.
🔗 Related Repositories
📜 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