🎓 Coding Ninjas Clone

A modern, high-performance E-Learning platform frontend clone. Built on React, Vite, and Tailwind CSS, it features a glassmorphic design system, smooth motion transitions, and interactive components.

---

✨ Key Features

• 📚 Course Library – Dynamic course listings with search capabilities, detailed curriculum outlines, and preview features.
• 🖥️ Immersive Course Player – A dedicated student learning interface featuring tabs for Lesson Navigation, Resources, Notes, Q&A, and Reviews.
• 📊 Student Dashboard – Comprehensive tracking of ongoing courses, completed courses, and a personalized course wishlist.
• ⚡ Code Practice Playground – A built-in interactive coding sandbox supporting HTML, CSS, JavaScript, and Python.
• 🎓 Certifications Hub – View, track, and preview earned certificates upon course completion.
• 🌗 Adaptive Dark Mode – Seamless toggle between clean light mode and premium dark mode with state persistence.

---

🛠️ Tech Stack

• Framework: React (v19) + Vite (v8)
• Styling & Motion: Tailwind CSS (v4) + Framer Motion (v12)
• Routing: React Router DOM (v7)
• Icons: React Icons (Feather Icons pack)

---

🚀 Getting Started

1. Installation

Install project dependencies using your preferred package manager:

npm install

2. Development Server

Run the local Vite development server:

npm run dev

3. Production Build

Compile and bundle production assets:

npm run build

4. Preview Build

Locally preview the built production app:

npm run preview