Back to Projects

TaskNest

A task management application for organizing tasks into collections with priority ordering.

Next.jsPrismaGraphQLShadcnClerk
TaskNest screenshot 1
TaskNest screenshot 2
TaskNest screenshot 3

Overview

TaskNest is a task management application designed to help users organize and manage their tasks efficiently. It allows users to create collections and organize tasks within them. Users can arrange tasks in priority order, mark them as complete, and delete tasks as needed. Built with Next.js, Prisma, GraphQL, and Clerk, the application provides a seamless and intuitive experience for task organization and productivity.

Key Features

  • Collections: Users can create collections, each of which can contain multiple tasks.
  • Tasks: Users can create tasks within collections.
  • Priority Order: Tasks can be arranged in priority order.
  • Mark as Complete: Users can mark tasks as complete.
  • Delete Task: Users can delete tasks.

Challenges & Solutions

Integrating GraphQL with Prisma for efficient database queries while maintaining type safety was a key challenge. Implementing server actions in Next.js for seamless server-client communication required careful architecture decisions. Setting up Clerk authentication and ensuring proper user session management across the application also presented interesting technical hurdles.