Learning Projects Portfolio

A modern and fully responsive React + TypeScript portfolio showcasing interactive learning projects.
This portfolio demonstrates practical learning through mini-apps like a Todo App, Quiz App, and a Multi-Step Form — each highlighting different aspects of React development, routing, and UI design.

🌐 Live Site: Demo Link Here

---

🚀 Features

• ⚡ Built with React + TypeScript
• 🎯 Three fully functional mini-projects:
  • Todo App – Task management with CRUD features
  • Quiz App – Interactive quiz with timer & progress tracking
  • Multi-Step Form – Stepper-based form with validation
• 📱 Responsive design for all screen sizes
• 🌐 Navigation handled via React Router v7

---

🛠️ Tech Stack

• React + TypeScript
• React Router DOM (v7)
• Vanilla CSS

---

📸 Screenshot

---

📂 Projects Included

✅ Todo App

A clean and simple task manager where you can add, edit, and delete tasks.

🧠 Quiz App

An interactive quiz game with a progress bar, timer, and real-time results.

📝 Multi-Step Form

A responsive stepper form with field validation and final review before submission.

---

🚀 Getting Started (For Local Development)

• Clone the repo:

  git clone https://github.com/iMuhammadAnas/Learning-Projects.git
  

• Navigate to the folder:

   cd Learning-Projects
  

• Install dependencies:

  npm install
  

• Start the project:

  npm start