/zealthy-help-desk

This is a basic task management application built with Typescript - leveraging React, Nextjs, Tailwind, ShadcnUI, Prisma, Postgres, and Vercel

Primary LanguageTypeScript

Click here to demo the application

Technology

  • Typescript
  • React
  • Nextjs
  • TaildwindCSS
  • ShadcnUI
  • Postgres
  • Prisma
  • Vercel

Local Development

Create .env file and add PostgresDB vars

DATABASE_URL=
DIRECT_URL=
Running application locally

Requires Node v20.11.0

npm install
npm run dev
Updating Prisma Schema
npx prisma db generate
npx prisma db push
Creating Prisma Migration
npx prisma migrate dev --name <migration_name>

Deploy w/ Github + Vercel

  • Pushes to main branch will deploy to production
  • If DB changes are required, ensure you create and commit a prisma migration file.
  • Custom Vercel Build Command will update the prod DB

Requirements

  • Install ShadcnUI
  • New Task Page
  • Admin Page (/dashboard)
  • Task Form (Fields: Name, Email, Description)
  • Setup DB / Install Prisma
  • Create Prisma Task model
  • Create Task Status Enum (New, In Progress, Resolved)
  • Task List Table
  • Faceted Filter by status
  • Text Filter by description
  • Task Detail Page (/task/{taskId})
  • Common Header
  • Create Prisma Comment model / Modify Task Model
  • Update Task Status
  • Reply/Comment on Task
  • Email Logging Placements (Server Side)
  • Error Pages

Out Of Scope/Next Steps

  • Observability
  • Logging
  • Admin Auth
  • Assignment
  • View Created Tickets/Check Status
  • Email Notifications
  • AI Model to validate ticket
  • Robust filtering/searching
  • Table Pagination
  • Task Audit/Logging