This is a personal project called QLtask, which is built based on the Trello.

Preview

Key Features:

• Auth
• Organizations / Workspaces
• Board, list, card creation
• Activity log for entire organization
• List, card drag & drop reorder and copy
• Stripe subscription for each organization to unlock unlimited boards

Main Technologies

• Next.js, Server Actions.
• Tailwind CSS, shadcn/ui.
• React-query, Prisma.
• Stripe

Prerequisites

Node version 18.17.x or later

Cloning the repository

git clone https://github.com/hoangbru/QLtask.git

Install packages

npm i

Setup .env file

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=

DATABASE_URL=
NEXT_PUBLIC_UNSPLASH_ACCESS_KEY=
NEXT_PUBLIC_STRIPE_API_KEY=
STRIPE_WEBHOOK_SECRET=
NEXT_PUBLIC_APP_URL=

Setup Prisma

Add PostgreSQL Database

npx prisma migrate dev 

Start the app

npm run dev

Now the project is running on port 3000 (http://localhost:3000).