Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kaushaldhrangad/event_platform

Evently is a cutting-edge event platform that simplifies event management and ticket purchasing. Whether you're organizing or attending events, Evently ensures a seamless experience from start to finish.
https://github.com/kaushaldhrangad/event_platform

mongodb nextjs nodejs reactjs shadcn-ui stripe-payments tailwindcss typescript uploadthing zod

Last synced: 11 days ago
JSON representation

Evently is a cutting-edge event platform that simplifies event management and ticket purchasing. Whether you're organizing or attending events, Evently ensures a seamless experience from start to finish.

Awesome Lists containing this project

README 

        
## Note

In this Project, Stripe can't accept payments in test mode. As a result, it's not generating an ID, and your tickets won't appear in the My Tickets section.



## 🎬 Demo Video






https://github.com/user-attachments/assets/5351a537-f197-446e-9eaa-33be7bc84156



Video Quality is low because of size restrictions on GitHub.






## 📋 Table of Contents



1. 🤖 [Introduction](#introduction)

2. ⚙️ [Tech Stack](#tech-stack)

3. 🔋 [Features](#features)

4. 🤸 [Quick Start](#quick-start)



## 🤖 Introduction



Built on Next.js 14, the events application is a comprehensive, full-stack platform for managing events. It serves as a hub, spotlighting diverse events taking place globally. Featuring seamless payment processing through Stripe, you can purchase tickets for any event or even initiate and manage your events.



## ⚙️ Tech Stack



- Node.js

- Next.js

- TypeScript

- TailwindCSS

- Stripe

- Zod

- React Hook Form

- Shadcn

- uploadthing



## 🔋 Features



👉 **Authentication (CRUD) with Clerk:** User management through Clerk, ensuring secure and efficient authentication.



👉 **Events (CRUD):** Comprehensive functionality for creating, reading, updating, and deleting events, giving users full control over event management.

- **Create Events:** Users can effortlessly generate new events, providing essential details such as title, date, location, and any additional information.

- **Read Events:** Seamless access to a detailed view of all events, allowing users to explore event specifics, including descriptions, schedules, and related information.

- **Update Events:** Empowering users to modify event details dynamically, ensuring that event information remains accurate and up-to-date.

- **Delete Events:** A straightforward process for removing events from the system, allowing administrators to manage and curate the platform effectively.

        

👉 **Related Events:** Smartly connects events that are related and displayed on the event details page, making it more engaging for users

    

👉 **Organized Events:** Efficient organization of events, ensuring a structured and user-friendly display for the audience, i.e., showing events created by the user on the user profile

    

👉 **Search & Filter:** Empowering users with a robust search and filter system, enabling them to easily find the events that match their preferences.

    

👉 **New Category:** Dynamic categorization allows for seamlessly adding new event categories, keeping your platform adaptable.

    

👉 **Checkout and Pay with Stripe:** Smooth and secure payment transactions using Stripe, enhancing user experience during the checkout process.

    

👉 **Event Orders:** Comprehensive order management system, providing a clear overview of all event-related transactions.

    

👉 **Search Orders:** Quick and efficient search functionality for orders, facilitating easy tracking and management.



and many more, including code architecture and reusability 



## 🤸 Quick Start



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



**Prerequisites**



Make sure you have the following installed on your machine:



- [Git](https://git-scm.com/)

- [Node.js](https://nodejs.org/en)

- [npm](https://www.npmjs.com/) (Node Package Manager)

- [Stripe CLI](https://docs.stripe.com/stripe-cli) or [GitHub Link](https://github.com/stripe/stripe-cli/) (Download from GitHub Link)



**Cloning the Repository**



```bash

git clone https://github.com/your-username/your-project.git

cd your-project

```



**Installation**



Install the project dependencies using npm:



```bash

npm install

```



**Set Up Environment Variables**



Create a new file named `.env` in the root of your project and add the following content:



```env

#NEXT

NEXT_PUBLIC_SERVER_URL=



#CLERK

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=

CLERK_SECRET_KEY=

NEXT_CLERK_WEBHOOK_SECRET=



NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in

NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up

NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/

NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/



#MONGODB

MONGODB_URI=



#UPLOADTHING

UPLOADTHING_SECRET=

UPLOADTHING_APP_ID=



#STRIPE

STRIPE_SECRET_KEY=

STRIPE_WEBHOOK_SECRET=

NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=

```



Replace the placeholder values with your actual credentials 



**Running the Project**



```bash

npm start

```



Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.