Nexora Dashboard

A modern, clean, fully functional full-stack productivity dashboard for student developers.

Features

• Authentication - Sign up, login, logout with Clerk
• Task Management - Create, edit, delete tasks with Kanban and list views
• Study Tracker - Pomodoro timer, session logging, analytics
• Project Manager - Track projects with milestones and progress
• Notes - Markdown editor with folders and tags
• Calendar - Interactive planner with events
• Habit Tracker - Daily streaks and heatmaps
• Analytics - Charts and productivity insights
• Resources - Bookmark and organize learning materials
• Settings - Profile, theme, goals, notifications

Tech Stack

• Next.js 14 (App Router)
• TypeScript
• Tailwind CSS
• shadcn/ui
• Prisma ORM
• PostgreSQL (Supabase)
• Clerk Authentication
• Recharts
• Framer Motion
• Lucide React

Setup

1. Clone the repository
2. Install dependencies:

   npm install

3. Copy .env.example to .env.local and fill in your credentials:

   DATABASE_URL="postgresql://..."
   NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="pk_test_..."
   CLERK_SECRET_KEY="sk_test_..."
   

4. Set up the database:

   npx prisma generate
   npx prisma db push

5. Run the development server:

   npm run dev

Environment Variables

Variable	Description
DATABASE_URL	PostgreSQL connection string
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY	Clerk public key
CLERK_SECRET_KEY	Clerk secret key
NEXT_PUBLIC_CLERK_SIGN_IN_URL	Sign in page path
NEXT_PUBLIC_CLERK_SIGN_UP_URL	Sign up page path

Project Structure

├── prisma/
│   └── schema.prisma
├── src/
│   ├── app/
│   │   ├── (auth)/
│   │   ├── (dashboard)/
│   │   │   ├── dashboard/
│   │   │   ├── tasks/
│   │   │   ├── study/
│   │   │   ├── projects/
│   │   │   ├── notes/
│   │   │   ├── calendar/
│   │   │   ├── habits/
│   │   │   ├── analytics/
│   │   │   ├── resources/
│   │   │   └── settings/
│   │   ├── api/
│   │   ├── layout.tsx
│   │   └── page.tsx
│   ├── components/
│   │   ├── ui/
│   │   └── layout/
│   ├── lib/
│   └── data/
├── package.json
├── tailwind.config.ts
└── next.config.js

License

MIT