ATREAY / task_app

Taskify is a dynamic task completion platform, rewarding users with XP based on completed tasks in personalized categories. Seamlessly designed with Next.js, it offers an engaging and responsive experience.

Taskify

Description

Taskify is a feature-rich task completion website that rewards users with XP for each completed task, determined by the selected category. The platform aims to streamline task management, offering a personalized experience through a royalty-based XP system. Users can gain XP points by completing tasks across various categories, contributing to a sense of achievement and progress.

Technology Used:

Languages:

• Next.js
• TypeScript
• React
• JavaScript

Database:

• MongoDB
• Prisma

Authentication:

• Clerk

Steps to Run Taskify Locally:

1. Install all required dependencies:

    npm install

2. Create a .env.local file and include the following environment variables:

    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=
    NEXT_PUBLIC_CLERK_AFTER_SIGN_OUT_URL=

3. Install Prisma for MongoDB:

a. Run the following command:

    npx prisma init --datasource-provider MongoDB

b. In the generated .env file, add your MongoDB driver URL with your username, password, and database name.

c. Generate the database based on the Prisma schema:

    npx prisma generate

d. Open the Prisma dashboard to verify the database setup:

    npx prisma studio

4. Start the project:

    npm run dev

Connect With Me:

If you need any assistance in setting up this project, feel free to reach out on Twitter or LinkedIn.