Multi-Projects Collection

A collection of simple, interactive web projects built with vanilla HTML, CSS, and JavaScript.

Overview

This repository contains three standalone projects that demonstrate core web development concepts including DOM manipulation, event handling, and responsive design. Each project is self-contained and can be run independently.

Projects

1. � Quiz Game

An engaging quiz application with multiple choice questions.

Features:

• Interactive quiz gameplay
• Score tracking
• Multiple questions
• Clean, intuitive interface

View Quiz Game | README

---

2. 🎨 Color Palette

A simple color palette generator and explorer.

Features:

• Generate random color palettes
• Copy color codes with one click
• View color information

View Color Palette | README

---

3. 📋 Kanban Board

An interactive drag-and-drop task management board.

Features:

• Drag and drop cards between lists
• Organize tasks by status
• Visual feedback during drag operations
• Responsive mobile design

View Kanban Board | README

---

Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)
• Git (for cloning the repository)

Clone Locally

1. Open Terminal/Command Prompt

2. Clone the repository:

   git clone https://github.com/yourusername/Multi-projects.git

3. Navigate to the Multi-projects folder:

   cd Multi-projects

4. Choose a project and open its index.html:

   cd <project-name>
   open index.html
   # or double-click the file in your file explorer

Folder Structure

Multi-projects/
├── color-pallate/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│   └── README.md
├── Kanban-board/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│   └── README.md
├── Quiz-game/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│   └── README.md
└── README.md

Tech Stack

• HTML5 - Semantic markup
• CSS3 - Modern styling and responsive design
• JavaScript - Vanilla JS (no frameworks or libraries)

Browser Compatibility

• Chrome (Latest)
• Firefox (Latest)
• Safari (Latest)
• Edge (Latest)

Notes

• All projects run entirely on the client side
• No external dependencies required
• No data persistence between sessions
• Mobile responsive designs included

License

These projects are open source and available for learning and personal use.

---

Start exploring! Pick any project above to get started.>