Helpdesk - A Simple React app for ticket submission & admin panel

Vercel Demo

Click the link to preview -> https://helpdesk-three-pi.vercel.app/

reco_dem.mp4

Refactored - Ticket Summary List View:

refactors.mp4

Features

1. Toggle Between Customer View and Admin View:

   • Easily switch between customer and admin perspectives using our intuitive toggle feature.

2. Customer View:

   • Submit Issues: Customers can enter their name, email, and describe their open issue.
   • View Issues: Customers can scroll down to view the status of previous and currently open issues.

3. Admin View:

   • Secure Login: Access the admin panel with a secure username and password.
   • Ticket Summary: View a summary of all submitted tickets.
   • Update Ticket Status: Update the status of each ticket individually.
   • Detailed Ticket View: Drill into each ticket to add comments.
   • Delete Tickets: Admins can delete tickets as needed. Confirmation box for added security.

Tech Stack

React, Typescript, Clerk authentication, MongoDB, Express.js, Frontend deployed with Varcel, Backend built and deployed with Render.

Installation - Run the project locally

1. Clone the Repository:

   git clone git@github.com:GarimaB06/Helpdesk.git

2. Install Dependencies:

   npm install
   cd backend - npm install

3. Run the Application:

   npm run dev

4. Access the Application: Open your browser and navigate to http://localhost:5173/.

5. Start the Server:

   npm start

6. Access the Server: Open your browser and navigate to http://localhost:5001/.