A Modern, Responsive Personal Task Management System made using Next.js 15 and PostgreSQL and Typescript.
-
Frontend
- Next.js 15
- React 19
- Tailwind CSS
- Radix UI Primitive Components
- Zustand (State Management)
- React Query (Data Fetching)
-
Backend
- PostgreSQL (via Neon DB)
- Drizzle ORM
- Next.js API Routes
-
Authentication
- Secure user registration and login
- Token-based authentication /w Zustand
- Protected routes
-
Task Management
- Create, update, and delete tasks
- Set task priorities and deadlines
- Group tasks by projects
-
Project Organization
- Create and manage multiple projects
- Project statistics and progress tracking
-
User Interface
- Modern, responsive design with Tailwind CSS
- Dark/Light theme support
- Interactive dashboard
- Mobile-friendly layout
- Clone the repository:
git clone [repository-url]
cd [the created folder]- Install dependencies:
npm install- Set up environment variables:
- Rename .env.example to .env.local
- Fill in required environment variables
- Set up the database:
npm run db:generate
npm run db:push- Start the development server
npm run dev- npm run dev - Start development server with Turbopack
- npm run build - Build production application
- npm run start - Start production server
- npm run lint - Run ESLint
- npm run db:push - Push database schema changes
- npm run db:studio - Open Drizzle Studio
- npm run db:generate - Generate database migrations
- npm run db:migrate - Run database migrations