This repository contains 15 mini projects built using HTML, CSS, and Vanilla JavaScript to improve core web development skills. These projects cover real-world use cases like form handling, API integration, UI interactions, and more.
| # | Project Name | Description |
|---|---|---|
| 01 | AgeCalculator | Calculates age based on user’s date of birth. |
| 02 | BMICalculator | Calculates BMI (Body Mass Index) and shows weight category. |
| 03 | PasswordGenerator | Generates strong random passwords with custom rules. |
| 04 | ToDoApp | A simple to-do list app with add, delete, and persist functionality. |
| 05 | WeatherApp | Fetches real-time weather data using a weather API. |
| 06 | WindowsNotification | Demonstrates system-like toast notifications using JS. |
| 07 | colourChanger | Randomly changes background colors on click. |
| 08 | formToGooleForms | Submits form data to a connected Google Form. |
| 09 | formValidation | Validates user input with visual error hints. |
| 10 | githubAPICard | Fetches and displays GitHub user info using GitHub API. |
| 11 | imageCarousel | A basic image slider with next/previous controls. |
| 12 | light-dark-mode | Toggle between dark and light themes with persistence. |
| 13 | passwordToggle | Show/hide password feature for input fields. |
| 14 | qrGenerator | Generates a QR code based on text or URL input. |
| 15 | toastNotification | Custom toast alerts with auto-dismiss feature. |
- HTML5
- CSS3
- JavaScript (ES6+)
- No external frameworks (Vanilla JS)
- Clone the repo:
git clone https://github.com/raja25k/15-Projects-in-JavaScript.git
cd 15-Projects-in-JavaScript