Studentlytics

A modern student analytics dashboard built with React, TypeScript, and Vite.

Tech Stack

• React 18 - UI library
• TypeScript - Type safety
• Vite - Build tool
• Tailwind CSS - Styling
• Shadcn/ui - UI components
• React Router DOM - Routing
• Recharts - Data visualization
• Framer Motion - Animations
• Lucide React - Icons

Getting Started

Install Dependencies

npm install

Run Development Server

npm run dev

Build for Production

npm run build

Preview Production Build

npm run preview

Project Structure

Studentlytics/
├── src/
│   ├── components/     # Reusable UI components
│   ├── pages/          # Page components
│   ├── layouts/        # Layout components
│   ├── hooks/          # Custom React hooks
│   ├── utils/          # Utility functions
│   ├── assets/         # Static assets
│   ├── App.tsx         # Main app component
│   ├── main.tsx        # Entry point
│   └── index.css       # Global styles
├── public/             # Public assets
└── index.html          # HTML template

License

MIT