Event Platform 🎉

A full-stack event management platform built with Next.js that enables seamless event creation, management, and discovery. Features dynamic event showcasing, robust CRUD operations, cloud-based image management, and integrated analytics.

✨ Features

Core Functionality

• Dynamic Event Homepage - Browse and discover upcoming events with an intuitive interface
• Full CRUD Operations - Create, read, update, and delete events through robust API routes
• Image Management - Cloudinary-powered image uploads with optimization and CDN delivery
• Event Discovery - Smart suggestions for similar events based on user interests

Technical Highlights

• Server-side rendering for optimal performance
• RESTful API architecture
• Cloud-based asset management

🚀 Getting Started

Prerequisites

• Node.js 18.x or higher
• npm or yarn package manager
• Cloudinary account (for image uploads)

Installation

1. Clone the repository

git clone https://github.com/Kafoor-Nimas/Dev_Events.git
cd project

2. Install dependencies

npm install
# or
yarn install

3. Set up environment variables

Create a .env.local file in the root directory:

# Database
MONGODB_URI=your_database_url

# Cloudinary
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=your_cloud_name
CLOUDINARY_API_KEY=your_api_key
CLOUDINARY_API_SECRET=your_api_secret

# App URL
NEXT_PUBLIC_BASE_URL=http://localhost:3000

4. Run the development server

npm run dev
# or
yarn dev

5. Open http://localhost:3000 in your browser

📁 Project Structure

project/
├── app/
│   ├── api/              # API routes
│   ├── event/           # Event pages
│   ├── layout.tsx        # Root layout
│   └── page.tsx          # Home page
├── components/
│   ├── EventCard.tsx     # Event display component
│   ├── BookEvent.tsx     # Book Event
│   └── ...
├── lib/
│   ├── actions/
│   └── utils.ts          # Helper functions
├── public/               # Static assets
├── styles/               # Global styles
└── types/                # TypeScript type definitions

🛠️ Tech Stack

• Framework: Next.js 16
• Language: TypeScript
• Styling: Tailwind CSS
• Image Management: Cloudinary
• Database: MongoDB
• Analytics: PostHog

📸 Screenshots

Home Page

Event Page

## 👨‍💻 Author

**Nimas**

- LinkedIn: [www.linkedin.com/in/nimas-kafoor]
- GitHub: [Kafoor-Nimas](https://github.com/Kafoor-Nimas/Dev_Events.git)

## 🙏 Acknowledgments

- Next.js team for the amazing framework
- Cloudinary for seamless image management
- Everyone who provided feedback and suggestions

---

⭐ If you found this project helpful, please consider giving it a star!

Made with ❤️ and Next.js