Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yashitacodes/ticket-genie
A Cybersecurity Ticketing App for Managing Support Tickets and Issues
https://github.com/yashitacodes/ticket-genie
crud mongodb mongoose nextjs tailwindcss
Last synced: 5 days ago
JSON representation
A Cybersecurity Ticketing App for Managing Support Tickets and Issues
- Host: GitHub
- URL: https://github.com/yashitacodes/ticket-genie
- Owner: YashitaCodes
- Created: 2024-09-26T08:47:55.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-26T08:57:02.000Z (about 2 months ago)
- Last Synced: 2024-10-21T18:48:34.416Z (24 days ago)
- Topics: crud, mongodb, mongoose, nextjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 109 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ticket Genie - Cybersecurity Ticketing System
Ticket Genie is a cybersecurity ticketing system built with Next.js, Tailwind CSS, and MongoDB. It provides full CRUD (Create, Read, Update, Delete) functionality for managing support tickets. The app is designed with a user-friendly interface, enabling seamless ticket submission and management, with optimized MongoDB integration for efficient data storage.
## Features
- **Full CRUD Operations**:
- Easily create, update, view, and delete support tickets.
- **User-friendly Interface**:
- Simple and intuitive design for a smooth user experience.
- **Optimized MongoDB**:
- Efficient data handling and storage with MongoDB, using Mongoose as the ORM.
- **Next.js 13.4**:
- Built with the latest app router to make the development process easier and more flexible.
## Tech Stack
- **Next.js 13.4**:
- Leverages the Next.js app router for optimal routing and server-side functionality.
- **Tailwind CSS**:
- A utility-first CSS framework for rapid UI development and custom designs.
- **MongoDB**:
- A NoSQL database used to store and manage tickets efficiently.
- **Mongoose**:
- Provides schema-based solutions to model application data.
## Installation and Setup
1. Clone the repository:
```bash
git clone https://github.com/YashitaCodes/ticket-genie.git
cd ticket-genie
```
2. Install the dependencies:
```bash
npm install
```
3. Set up your environment variables:
- Create a `.env.local` file in the root directory with the following:
```bash
MONGODB_URI=mongodb+srv://yourUSER:[email protected]/MondayClone
```
4. Run the development server:
```bash
npm run dev
```
- Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
## Usage
- **Creating Tickets**: Navigate to the "Create Ticket" section, enter the required details, and submit your ticket.
- **Viewing Tickets**: Access all submitted tickets in the "Ticket List" section. Tickets are displayed with details such as ID, status, and description.
- **Updating Tickets**: Click on any ticket to view its details and modify the status or description.
- **Deleting Tickets**: Easily remove tickets that are no longer relevant with a single click.
## Future Updates
- **Authentication**: Implementing authentication actions and protected routes with auth providers like Auth.js, Clerk or Kinde.
- **Documentation**: Full deployment guide with instructions for platforms like Vercel and DigitalOcean.
- **Next.js 14 Features**: Planning to incorporate new features as they become available in Next.js 14.
---
### Credits
This project was inspired by [Clarity Coders](https://www.youtube.com/claritycoders) YouTube channel. Check them out for more amazing tutorials and coding insights!