Git Product home page Git Product logo

nextticket's Introduction

NextTicket: Ticket Management App

This is a Ticket Management application built using Next.js and ShadCN UI. It utilizes React SimpleMDE (EasyMDE) Markdown Editor for creating and editing ticket descriptions. The app allows users to manage ticket issues by creating, browsing, editing, and deleting tickets.

Table of Contents

Usage

Creating a Ticket

  1. Click on the "Create Ticket" button.
  2. Fill in the ticket title, description (using Markdown), and select the status and priority.
  3. Click "Submit" to create the ticket.

Browsing Tickets

  • The home page displays a list of all tickets with their titles, descriptions, status, and priority.

Editing a Ticket

  1. Click on the ticket you want to edit.
  2. Modify the ticket details as needed.
  3. Click "Save" to update the ticket.

Deleting a Ticket

  1. Click on the ticket you want to delete.
  2. Click the "Delete" button to remove the ticket.

Features

  • Create Tickets: Add new tickets with a title, description, status, and priority.
  • Browse Tickets: View a list of all tickets.
  • Edit Tickets: Modify the details of existing tickets.
  • Delete Tickets: Remove tickets from the system.
  • Markdown Support: Use Markdown to format ticket descriptions.

Technologies

  • Next.js: A React framework for building fast, user-friendly web applications.
  • ShadCN UI: A UI component library for building elegant and customizable user interfaces.
  • React SimpleMDE (EasyMDE): A Markdown editor for writing and editing ticket descriptions.
  • React-markdown: A Markdown reader react library for translating from markdown to plain text.
  • Prisma: An ORM for database management.

ToDo next:

  • secure the full crud on users / tickets!
  • add more providers into next-auth
  • protect pages
  • correct the spelling
  • play more with the dashboard

Deployment:

nextticket's People

Contributors

kayzou avatar

Stargazers

Yassir hakimi avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.