/ticketing-system-g

Supabase Ticketing System For Tracking Personal Website Task and more

Primary LanguageJavaScriptMIT LicenseMIT

# Ticketing System with Vite, React, Supabase, and SCSS

This is a simple ticketing system built with **Vite**, **React**, **Supabase**, and **SCSS**. Users can sign up, log in, create tickets, and manage ticket status, categories, and priority levels. The app integrates with Supabase for authentication and data storage.

## Features

- **Authentication**: Supabase Auth.
- **Create Tickets**: Users can create new tickets with a title, description, category, status, and priority level.
- **Ticket Management**: Users can view all tickets, with details on category, status, and priority.
- **SCSS Styling**: Global styles are managed using SCSS.
- **Error Handling**: Error boundaries are used to catch and display errors during runtime.

## Tech Stack

- **Vite**: A fast build tool for modern web projects.
- **React**: A JavaScript library for building user interfaces.
- **Supabase**: A backend-as-a-service platform that provides authentication and database solutions.
- **SCSS**: CSS preprocessor for cleaner, more efficient styling.

## Getting Started

### Prerequisites

- Node.js and npm installed on your machine.
- A [Supabase](https://supabase.com/) account.

### Project Structure

```bash
├── public/           # Static assets
├── src/              # Source code
│   ├── components/   # React components
│   │   ├── CreateTicket.jsx
│   │   ├── TicketList.jsx
│   ├── styles/       # SCSS files
│   │   └── App.css
│   ├── supabaseClient.js
│   ├── App.jsx
├── .env              # Environment variables for Supabase
├── package.json      # Project dependencies and scripts
└── README.md         # Project documentation

Usage

  1. Sign Up: Create an account using the Sign Up form.
  2. Login: Use the Login form to access the ticketing system.
  3. Create a Ticket: Fill in the ticket form (title, description, category, status, and priority) and submit.
  4. View Tickets: The ticket list displays all created tickets, including their category, status, and priority.

Future Enhancements

  • Ticket Editing: Add the ability to update or delete tickets.
  • User-specific Tickets: Allow users to see only their own tickets.
  • Real-time Updates: Enable real-time ticket updates using Supabase's subscription feature.

License

This project is open-source and available under the MIT License.