Welcome to the HTML, CSS & JavaScript Mini Projects Hub — a curated collection of beginner-friendly frontend projects built to sharpen UI/UX, JavaScript logic, DOM manipulation, API usage, and responsive design skills.
Every project includes an image preview, source code link, and live demo — making it easy to learn, explore, and interact.
This repo is a major milestone in my journey to master JavaScript logic, UI/UX design, and web development fundamentals. 🚀🔥
| 🏠 Home Page Interface | 📂 Project Gallery |
|---|---|
 |
 |
The project is live and can be viewed here: HTML, CSS & JS Mini Projects Website
| Technology | Purpose |
|---|---|
| HTML5 | Page structure |
| CSS3 | Styling, layouts & animations |
| JavaScript | Logic, DOM manipulation & APIs |
| ScrollReveal.js | Scroll-based animations |
| Vercel | Deployment |
| Git & GitHub | Version control |
| Favicon by Freepik | Icon by manshagraphics |
Each project includes:
| 📸 Image Preview | 📜 Code Link | 🔗 Live Demo |
|---|
Want to add your own mini project? Contributions are welcome!
Please read CONTRIBUTING.md for guidelines on:
- Folder structure
- Code quality
- Image naming
- Adding your project card
To use these projects locally, follow these steps:
1️⃣ Clone this repository
git clone https://github.com/TonyStark-19/HTML-CSS-JS-Projects.git2️⃣ Open a project folder and launch the .html file in your browser.
🚀 No dependencies required! Just HTML, CSS & JavaScript.
Before running the projects, ensure you have the following installed:
- 🖥️ A modern web browser (Chrome, Firefox, Edge, etc.)
- 📝 VS Code (or any code editor)
- 🌐 Git (optional, for cloning the repository)
These are the resources I used to learn and build these projects:
This project is licensed under the MIT License. You are free to use, modify, and share these projects.
Feel free to explore, use, and modify these projects. If you find them helpful, consider giving this repo a ⭐! 😊