Welcome to JavaScript Projects repository! This collection showcases six fun and functional web applications built with HTML, CSS, and Vanilla JavaScript, demonstrating interactivity, DOM manipulation, and responsive frontend development.
| No. | Project | Description |
|---|---|---|
| 1 | Quiz Game | Interactive timed quiz with score tracking |
| 2 | Color Palette Generator | Generate and copy beautiful color schemes |
| 3 | Kanban Board | Organize tasks visually using drag & drop |
| 4 | Expense Tracker | Track your income and expenses |
| 5 | Password Generator | Secure password creator with strength indicator |
| 6 | Todo App | Manage your daily tasks with ease |
A simple yet interactive multiple-choice quiz that evaluates the user's knowledge in real-time and provides feedback.
📌 Features:
- Displays a series of MCQ questions
- Highlights correct and incorrect answers
- Score tracking
- Final results summary
- Restart quiz option
A visually appealing tool to create and copy beautiful color palettes for your design and development projects.
🎨 Features:
- Generate a random 5-color palette
- Copy individual hex codes to clipboard
- Modern UI with a gradient button
- Fully responsive design
A drag-and-drop Kanban board to help manage tasks across three columns — To Do, In Progress, and Done.
📋 Features:
- Add and move tasks
- Drag-and-drop functionality
- Drag tasks across columns
- Local storage persistence
- Minimal and clean layout
Track your financial transactions and get an instant view of your income, expenses, and balance.
💰 Features:
- Add new transactions (income or expense)
- View total income, expenses, and balance
- Real-time calculation of totals
- Delete transactions
- Persistent data using LocalStorage
Generate strong passwords based on your desired length and character sets.
🔐 Features:
- Customizable length
- Select between numbers, symbols, and letters
- Copy generated password to clipboard
- Password strength suggestion
- Beautiful, modern UI
A basic but effective todo list app to manage and track your daily tasks.
✅ Features:
- Create tasks
- Mark tasks as complete
- Filter tasks (all, active, completed)
- Task management
- LocalStorage for persistence
- Clone the repository:
git clone https://github.com/SrjAdhikari/JavaScript-Projects.git- Navigate to project directory:
cd JavaScript-Projects/project-name- Open in browser:
open index.htmlContributions are welcome! Please follow these steps:
-
Fork the repository
-
Create your feature branch (
git checkout -b feature/your-feature) -
Commit your changes (
git commit -m 'Add some AmazingFeature') -
Push to the branch (
git push origin feature/your-feature) -
Open a Pull Request