Taskly

A full-stack task management app with Google Calendar sync, analytics, and ⌘K search.

---

Screenshots

Tasks	Progress

---

Features

• Task Management — Create, edit, and delete tasks with title, description, priority, status, and due date
• Priority levels — Low / Medium / High with color-coded labels
• Due date picker — Calendar popover for selecting due dates; overdue dates are highlighted in red
• Google Sign-In — Secure OAuth authentication via NextAuth.js; all tasks are scoped per user
• Google Calendar Sync — Toggle to create/update/delete Google Calendar events alongside tasks
• Progress page — Line chart (tasks created last 7 days), status bar chart, stat cards, and recent tasks table
• ⌘K Search — Global command palette (Cmd+K / Ctrl+K) to search tasks and navigate pages
• Responsive layout — Resizable split-panel UI built with shadcn/ui

---

Tech Stack

---

Getting Started

1. Clone & install

git clone <your-repo-url>
cd taskly
npm install

2. Set up environment variables

Create a .env file:

DATABASE_URL="postgresql://user:password@localhost:5432/taskly"
NEXTAUTH_URL="http://localhost:3000"
NEXTAUTH_SECRET="your-secret"           # openssl rand -base64 32
GOOGLE_CLIENT_ID="your-client-id"
GOOGLE_CLIENT_SECRET="your-client-secret"

Get Google OAuth credentials from Google Cloud Console. Add http://localhost:3000/api/auth/callback/google as an authorised redirect URI.

3. Set up the database

npx prisma migrate dev

4. Run locally

npm run dev

Open http://localhost:3000.

---

License

MIT