Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gah-code/ticketing-system-g
Supabase Ticketing System For Tracking Personal Website Task and more
https://github.com/gah-code/ticketing-system-g
authentication react-hooks supabase ticketing-system vite
Last synced: 7 days ago
JSON representation
Supabase Ticketing System For Tracking Personal Website Task and more
- Host: GitHub
- URL: https://github.com/gah-code/ticketing-system-g
- Owner: gah-code
- License: mit
- Created: 2024-10-15T10:09:53.000Z (2 months ago)
- Default Branch: master
- Last Pushed: 2024-10-15T18:16:07.000Z (2 months ago)
- Last Synced: 2024-10-31T11:06:50.470Z (about 2 months ago)
- Topics: authentication, react-hooks, supabase, ticketing-system, vite
- Language: JavaScript
- Homepage:
- Size: 50.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#
```markdown
# 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](LICENSE).
```