Taskify is a clone of the Trello site, built using modern web technologies including Next.js, React, Tailwind CSS, Prisma, and more. This project aims to provide a flexible and user-friendly task management application.
- User authentication and management with Clerk
- Drag-and-drop functionality using @hello-pangea/dnd
- UI components from Shadcn/ui
- State management with Zustand
- API integration with Stripe for payment processing
- Responsive design with Tailwind CSS
- Framework: Next.js
- Language: TypeScript
- Styling: Tailwind CSS
- Authentication: Clerk
- Drag-and-Drop: @hello-pangea/dnd
- State Management: Zustand
- Database: Prisma
- Payment Processing: Stripe
- UI Components: Shadcn/ui
To set up this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/yourusername/taskify.git cd taskify
-
Install dependencies:
npm install
-
Set up environment variables:
DATABASE_URL=your_database_url NEXT_PUBLIC_UNSPLASH_ACCESS_KEY=your_next_public_unsplash_access_key NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_frontend_api CLERK_SECRET_KEY=your_clerk_secret_key STRIPE_API_KEY=your_stripe_api_key
-
Set up the database:
npx prisma migrate dev --name init
To run the project locally, use the following command:
npm run dev
This will start the Next.js development server at http://localhost:3000.
dev
: Starts the development server.build
: Builds the application for production.start
: Starts the production server.lint
: Runs ESLint to check for linting errors.