Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/r3ss1/tickets-market

Modern event ticketing platform with real-time queueing and instant payment. Developed with Next.js 14, Convex, Clerk, and Stripe Connect. Smart waiting lists, automatic refunds, rate limiting and a beautiful UI by using Shadcn
https://github.com/r3ss1/tickets-market

clerk-auth convex next-js shadcn-ui stripe-payments

Last synced: 4 days ago
JSON representation

Modern event ticketing platform with real-time queueing and instant payment. Developed with Next.js 14, Convex, Clerk, and Stripe Connect. Smart waiting lists, automatic refunds, rate limiting and a beautiful UI by using Shadcn

Awesome Lists containing this project

README

        





Project Banner



next.js
convex
stripe
clerk
tailwindcss

Real-time Event Ticketing Platform



In this project, I am coding along with Sonny Sangha to build and deploy a full stack Real-time Event Ticketing Platform.




Project Video


Project Source code







Initiated
Completed
Progress - 29Dec24
YT video lengh




December 2024
Est. ~ April 2025


2%

6 hours



## 🤖 Introduction

Full-stack SaaS ticketing marketplace inspired by platforms like Ticketmaster. This powerful, dynamic app is packed with advanced features, offering both buyers and sellers real-time experience for managing event tickets whether you're attending a global concert, hosting a local show, or selling tickets to an exclusive event.

Key highlights of the project include:

## ⚙️ Tech Stack

- **Next.js 15**: Framework for server-side rendering and React.
- **Convex**: Real-time backend services.
- **Stripe Connect**: Secure payment processing.
- **Clerk**: Authentication and user management.
- **Tailwind CSS**: Utility-first CSS framework.

## 🔋 Features

- **Event Management and Ticket Sales** - Users can create and customize events with images, descriptions, and ticket options. Sellers can onboard easily using Stripe Connect, allowing direct ticket sales and payouts.
- **Real-Time Updates** - The app ensures instant updates using real-time data synchronization, from ticket availability to event modifications.
- **Advanced Ticketing System** - A robust ticket queue and reservation system prevents overselling and ensures fair ticket distribution, even during high-demand situations.
- **Dynamic UI** - Users can explore events, purchase tickets, and manage reservations effortlessly with a sleek and user-friendly interface.
- **Event-Driven Architecture** - Built with a scalable and efficient backend architecture to handle real-time interactions and complex workflows.
- **Payment Integration** - Fully functional Stripe Checkout for secure, testable, and scalable payment processing.
- **Rate Limiting and Defensive Features** - Protects the platform from spamming and abuse, ensuring reliability and security for all users.
- **Notification System** - Toast notifications provide instant feedback on actions like event creation, updates, ticket purchases, and cancellations.

### For Event Attendees
- 👉 **Real-time ticket availability tracking**
- 👉 **Smart queuing system with position updates**
- 👉 **Time-limited ticket offers**
- 👉 **Mobile-friendly ticket management**
- 👉 **Secure payment processing with Stripe**
- 👉 **Digital tickets with QR codes**
- 👉 **Automatic refunds for cancelled events**

### For Event Organizers
- 👉 **Direct payments via Stripe Connect**
- 👉 **Real-time sales monitoring**
- 👉 **Automated queue management**
- 👉 **Event analytics and tracking**
- 👉 **Customizable ticket limits**
- 👉 **Event cancellation with automatic refunds**

### UI/UX Highlights
- 👉 **Animated transitions and feedback**
- 👉 **Loading states and progress indicators**
- 👉 **Responsive design with Tailwind CSS**
- 👉 **Micro-interactions for enhanced engagement**

## 🤸 Quick Start

Follow these steps to set up the project locally on your machine.

### Prerequisites
- [Node.js](https://nodejs.org/) 18+
- npm/yarn
- [Stripe Account](https://stripe.com/)
- [Clerk Account](https://go.clerk.com/34AwsuT)
- [Convex Account](https://convex.dev/c/sonnysangha)

### Cloning the Repository
```bash
git clone https://github.com/r3ss1/Tickets-Market.git

```

### Installation
Install dependencies:
```bash
npm install
```

### Running the Project
```bash
npm run dev
```

### Environment Variables
Configure your `.env` file with API keys for Stripe, Convex and Clerk.

## 🔗 Links

- Full tutorial by Sonny Sangha: [YouTube Link](https://www.youtube.com/watch?v=kt0FrkQgw8w)
- Convex: [Sign Up](https://convex.dev/c/sonnysangha)
- Clerk: [Sign Up](https://go.clerk.com/34AwsuT)

## 💑 Acknowledgments

Sonny Sangha: For the comprehensive tutorial and guidance. [PapaReact GitHub](https://github.com/papareact).

## 📜 License

This project is licensed under the MIT License.

---

*Note: This project is for educational purposes and is free to use under the terms of the MIT License.*