Skip to content

A modern ticket management app built with Next.js and Tailwind CSS, featuring dark mode, category filtering, and responsive design for efficient task tracking.

Notifications You must be signed in to change notification settings

Suwagath/ticket-app

Repository files navigation

Ticket Management App

A modern ticket management application built with Next.js, Tailwind CSS, and Font Awesome. This app allows users to create, manage, and track tickets efficiently with a sleek and responsive UI.


Features

  • Create, view, and manage tickets.
  • Categorize tickets (e.g., Bug, Feature, Task).
  • Responsive design for mobile and desktop.
  • Modern UI with Tailwind CSS.

Screenshots

Dashboard

Dashboard Screenshot

Ticket Creation

Ticket Creation Screenshot

Populated Dashboard

Populated Dashboard Screenshot

Dashboard after deleting few tickets

Dashboard with few Tickets Screenshot

Database collection (MongoDB Atlas)

Database Collection Screenshot


Installation

Prerequisites

  • Node.js (v16 or higher)
  • npm or yarn

Steps

  1. Clone the repository:
    git clone https://github.com/Suwagath/ticket-app.git
    cd ticket-app
  2. Install Dependencies:
    npm i
    
  3. Start the development server:
    npm run dev
    
  4. Open the app in your browser:
    http://localhost:3000
    

Usage

  1. Navigate to the dashboard to view all tickets.
  2. Click "Create Ticket" to add a new ticket.
  3. Update tickets by clicking on them

Technologies Used

Next.js: React framework for server-side rendering and static site generation. Tailwind CSS: Utility-first CSS framework for styling. Font Awesome: Icon library for modern UI components.


License

This project is licensed under the MIT License.

About

A modern ticket management app built with Next.js and Tailwind CSS, featuring dark mode, category filtering, and responsive design for efficient task tracking.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published