Mh Events
This app includes authentication, event management, search, filtering, categories, checkout, and payments using Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Cloudinary, React-Datepicker, Mongoose, Auth.js, and Stripe.
MH EVENTS
📋 Table of Contents
- 💁♂️ Introduction
- ⚙️ Tech Stack
- 😎 Features
- 🚎 Quick Start
- 🔗 Links
💁♂️ Introduction
It's an event management app where users can quickly create an account and start using it.
⚙️ Tech Stack
- React.js
- Next.js
- Mongodb with Mongoose
- Stripe
- Tailswindcss
- Shadncn/UI
- ShadCn form with React Hook Form and Zod
- Cloudinary
- Auth.js
😎 Features
- Simplified event organization process.
- Effortless event booking with just a few clicks.
- Comprehensive dashboard for managing events and bookings.
- Advanced search and filtering options for easy event discovery.
- Secure payment integration via Stripe.
- Optimized for fast loading and performance with Next.js.
🚎 Getting Started
Clone the repository by running this command in your CLI
git clone https://github.com/mhmitas/mh-events.git
To implement authentication follow the Auth.js docs
create a .env.local file in the root of the project, and fill in the below variables
MONGODB_URI=""
# GMAIL_ID=""
# GMAIL_APP_PASSWORD=""
APP_URL=
# run `npx auth secret` to generate this variable
AUTH_SECRET=""
# Go to your [Google devlopers console](https://console.cloud.google.com/) and create a app
AUTH_GOOGLE_ID=""
AUTH_GOOGLE_SECRET=""
# create a Cloudinary account and take these credentials
CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
# https://dashboard.stripe.com/apikeys
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
Then, run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
