Welcome to JavaScript Mini Projects – a collection of small, beginner-friendly projects built using HTML, CSS, and JavaScript.
This repository is designed to help learners practice core JavaScript concepts like DOM manipulation, event handling, logic building, and UI design — all in one place.
| # | Project Name | Description |
|---|---|---|
| 1 | Accordion Project | Expand/collapse sections dynamically. |
| 2 | Age Calculator | Calculate age based on date of birth. |
| 3 | BMI Calculator | Calculate BMI and display health category. |
| 4 | CSS Changer Application | Dynamically change page colors & fonts. |
| 5 | Calculator Application | Four-function calculator with clean UI. |
| 6 | Counter Web Application | Increment, decrement, and reset counter. |
| 7 | Day of Week Project | Find the day of the week for any given date. |
| 8 | Digital Clock | Real-time clock updating every second. |
| 9 | Form Validation Project | Validate inputs before form submission. |
| 10 | Light Bulb On/Off Project | Toggle bulb on/off using a switch. |
| 11 | Live Character Count | Count characters in real time. |
| 12 | Live Code Editor | Write and preview HTML/CSS/JS instantly. |
| 13 | Palindrome Checker App | Check if a string is a palindrome. |
| 14 | Percentage Calculator | Calculate percentage using slider & input. |
| 15 | Prime & Non-Prime Checker | Check if a number is prime. |
| 16 | Random Number Generator | Generate random numbers within a range. |
| 17 | Robot Joke Generator | Display random jokes using API calls. |
| 18 | Stop Watch Application | Start, stop, and reset a stopwatch. |
| 19 | Unicode Character Value | Display Unicode value of any character. |
- HTML5 – Structure
- CSS3 – Styling & Layout
- JavaScript (ES6) – Logic, DOM, and Event Handling
- Clone this repository.
- Open any project folder you want to explore.
- Open index.html in your browser.
- ✅ Perfect for beginners
- ✅ Covers multiple JavaScript concepts
- ✅ Clean, simple, and well-structured code
- ✅ Great for practice & interviews
- Add dark mode toggle
- Make projects mobile responsive
- Host live demos using GitHub Pages
Contributions are welcome!
Fork this repository, make changes, and submit a pull request.
This repository is licensed under the MIT License – free to use and modify.