👉🏻 🔗 Live Preview

https://eventifyhub.vercel.app/

📋 Table of Contents

1. 🔗 Live Preview
2. 🤓 About The Project
3. 🚀 Quick Tutorial
4. ⚙️ Tech Stack
5. 🧰 Features
6. 🔑 Getting Started
7. 📍 Roadmap
8. 📸 Project Images

🤓 About The Project

🎉Welcome to EventifyHub, where event management meets seamless ticket selling! With EventifyHub, you can effortlessly create and showcase your events, while also offering tickets for purchase. Your profile page becomes the hub for managing and monitoring your events and ticket sales. Dive into the details, track ticket purchases, and connect with your audience like never before. Elevate your event experience with EventifyHub – where organizing and selling tickets become a breeze!

🚀 Quick Tutorial

1. Create an Account 🌐

a. Sign Up with Email:

• Click on the 🌟 "Sign Up" 🌟 button.
• Fill in your details in the sign-up form.
• Click "Sign Up" to create your account.

b. Sign Up with External Providers:

• Alternatively, you can sign up using 🌐 Google, 🎮 Discord, or other supported providers.

2. Purchase a Product 💳

• Explore the available events/products on the platform.
• Select the product you want to purchase.
• Click on the "💸 Purchase" button.

Test Credit Card for Stripe:

• For testing purposes, use the following credit card details:

  • Card Number: 4242 4242 4242 4242
  • Expiry Date: 04/24
  • CVC: 424
  • Name: Any name

• Complete the purchase process.

3. View Profile Page 🧑‍💼

• Navigate to your 🌐 profile page.
• Here, you can see details about your events and the products you've purchased.

4. Check Event Details and Purchases 🎟️

• Explore the "📅 Your Events" section to view events you've created.
• Click on an event to see details, including information about users who have purchased tickets.

⚙️ Tech Stack

and more tech..

• Zod
• React Hook Form
• Shadcn
• uploadthing
• Clerk

🧰 Features

• Secure User Authentication: Streamlined user management with Clerk for robust and secure authentication.

• Smart Event Connections: Intelligently link related events, enhancing engagement.

• Organized Event Display: Efficiently showcase user-created events on their profile.

• Robust Search & Filter: Empower users with a robust system to easily discover preferred events.

• Flexible Category Management: Dynamically add new event categories for adaptability.

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

• Secure Checkout with Stripe: Smooth and secure payment transactions for an enhanced checkout experience.

• Comprehensive Order Management: Efficiently manage event-related transactions comprehensively.

🔑 Getting Started

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

Prerequisites

• Git
• Node.js

• npm

  npm install npm@latest 

Installation

1. Clone the repo

   git clone git@github.com:karabirkan/eventifyhub.git
   cd eventifyhub

2. Install NPM packages

   npm install

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

#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=

📍 Roadmap

• Add Profile Page
• Add Related Contens
• Add Sold Tickets Page
• Add Event Lists
• Multi-language Support
  • Spanish
  • Turkish

📸 Project Images

Landing Page	Event Details Card	Create Event Page	Profile Page

📲 Contact

Acknowledgments

Thank you Adrian for the project. Go check his profile for more project ideas and his course.

• Project Idea

License

Distributed under the MIT License. See LICENSE.txt for more information.