CourseCompass

A React + Tailwind CSS dashboard for managing online courses.

Tech Stack

• React 18 – UI framework
• Vite – Build tool
• Tailwind CSS – Styling
• React Router – Routing
• Lucide React – Icons

Project Structure

src/
├── components/     # Reusable UI components
│   └── Sidebar.tsx
├── layouts/        # Layout wrappers
│   └── MainLayout.tsx
├── pages/          # Route pages
│   ├── HomePage.tsx
│   └── PlaceholderPage.tsx
├── App.tsx
├── main.tsx
└── index.css

Getting Started

1. Install dependencies:

   npm install

2. Start the dev server:

   npm run dev

3. Open http://localhost:5173 in your browser.

Scripts

• npm run dev – Start development server
• npm run build – Build for production
• npm run preview – Preview production build