Ticket Tracker – Full Stack Application

A simple full-stack Ticket Management system built using:

• Frontend: Next.js + Tailwind CSS
• Backend: Node.js + Express
• Database: MongoDB Atlas
• Deployment: Vercel (Frontend) + Render (Backend)

Live Demo

• Frontend:
  https://ticket-tracker-tawny.vercel.app

• Backend API:
  https://ticket-tracker-jw88.onrender.com

Features

Backend (REST API)

• Create a ticket
• Get all tickets
• Filter tickets by priority and status
• Update ticket status
• Delete a ticket

Frontend (Dashboard)

• Display all tickets
• Filter by priority and status
• Inline status update (dropdown)
• Create ticket using modal form
• Delete ticket

Local Setup Instructions

Clone the repository

git clone https://github.com/ragul21/Ticket_Tracker.git
cd Ticket_Tracker

Backend Setup

cd backend
npm install

Create a .env file:

MONGO_URL=your_connection_string
PORT=5000

Start the server:

node server.js

🔹 Frontend Setup

Navigate to the frontend folder:

cd frontend/frontend
npm install

Create a .env.local file inside the frontend/frontend folder:

NEXT_PUBLIC_API_URL=http://localhost:5000

Start the development server:

npm run dev

Frontend runs at:

http://localhost:3000

Design Decisions

-Used MongoDB Atlas for cloud-hosted database

-Used environment variables to avoid hardcoded URLs

-Followed RESTful API structure

-Kept UI simple and functional

-Implemented inline status updates for better UX

Screenshots of Application

Inline status update

Filters

Create Ticket Modal

Delete Action Button