Loading repository data…
TonyStark-19 / repository
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.
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 |
|---|
| # | Project | Description |
|---|---|---|
| 1 | Calculator | Basic calculator with JS functionality |
| 2 | Currency Converter | Convert currencies dynamically |
| 3 | Rock-Paper-Scissors | Interactive game logic |
| 4 | Tic-Tac-Toe | Classic 2-player game |
| 5 | Calendar | Dynamic calendar display |
| 6 | Show/Hide Password | Password visibility toggle |
| 7 | Countdown Page | Launch timer page |
| 8 | Digital Clock | Real-time clock |
| 9 | Password Generator | Secure random passwords |
| 10 | Password Strength Indicator | Strength checker UI |
| 11 | Quote Generator | Random quote generator |
| 12 | Drag & Drop | Drag-drop interaction |
| 13 | QR Code Generator | Generate QR codes |
| 14 | Custom Select Menu | Styled dropdowns |
| 15 | Text-to-Speech | Speech synthesis |
| 16 | Age Calculator | Calculate age from DOB |
| 17 | Toast Notification | Notification popup UI |
| 18 | Stopwatch | Functional stopwatch |
| 19 | To-Do List | Task management app |
| 20 | Weather App | Weather using API |
| 21 | Image Search Engine | Unsplash API search |
| 22 | Form Validation | Input validation checks |
| 23 | Notes App | Multi-note app |
Want to add your own mini project? Contributions are welcome!
Please read CONTRIBUTING.md for guidelines on:
To use these projects locally, follow these steps:
1️⃣ Clone this repository
git clone https://github.com/TonyStark-19/HTML-CSS-JS-Projects.git
2️⃣ 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:
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 ⭐! 😊
Selected from shared topics, language and repository description—not editorial ratings.
all-my-frontend-mini-projects /
Welcome to Shortly, the URL shortening app! Users can view the optimal layout for the site depending on their device's screen size and enjoy seamless URL shortening and management.