Role-Based-Ticketing-System Tailwind Templates

Role Based Ticketing System

šŸŽÆ Mini-Project Task: Role-Based Ticketing System Objective: Support ticketing system for users & admins Tech Stack: šŸ”¹ Backend: Node.js, MongoDB, JWT šŸ”¹ Frontend: React.js (Class Components), Redux/Context API šŸ”¹ UI: Tailwind CSS/Bootstrap Features: Role-based access, Ticket CRUD, Dashboards

šŸŽÆ Role-Based Ticketing System

Project Overview

This is a Role-Based Ticketing System built as part of a mini-project. The system allows users to create support tickets, while admins can manage and update ticket statuses.

Tech Stack

Backend

  • Node.js
  • Express.js
  • MongoDB
  • JWT Authentication

Frontend

  • React.js (Class-Based Components)
  • Redux/Context API
  • Tailwind CSS / Bootstrap
  • React Router

Features

Backend

āœ… User Authentication (JWT-based login & signup)
āœ… Role-Based Access Control (User & Admin)
āœ… Ticket CRUD Operations
āœ… Secure Routes

Frontend

āœ… Login & Signup Pages
āœ… User Dashboard (Create & View Tickets)
āœ… Admin Dashboard (View & Update All Tickets)
āœ… State Management with Redux/Context API
āœ… Responsive Design with Tailwind CSS/Bootstrap

API Endpoints

Endpoint Method Description Access
/signup POST Register User/Admin Public
/login POST Authenticate & Get Token Public
/tickets POST Create Ticket User Only
/tickets GET View Tickets (User: Own, Admin: All) Authenticated
/tickets/:id PUT Update Ticket Status Admin Only

Installation

Backend Setup

cd backend
npm install
npm start

Frontend Setup

cd frontend
npm install
npm run dev

Top categories

Loading Svelte Themes