https://github.com/amaan-ur-raheman/dev-event
DevEvent is a Next.js 16 developer event management platform that enables users to discover, create, and book tech events with real-time registration, AI-powered recommendations, and seamless mobile-responsive design - serving as a centralized hub for the developer community.
https://github.com/amaan-ur-raheman/dev-event
mongodb nextjs16 posthog react
Last synced: 23 days ago
JSON representation
DevEvent is a Next.js 16 developer event management platform that enables users to discover, create, and book tech events with real-time registration, AI-powered recommendations, and seamless mobile-responsive design - serving as a centralized hub for the developer community.
- Host: GitHub
- URL: https://github.com/amaan-ur-raheman/dev-event
- Owner: amaan-ur-raheman
- Created: 2025-10-31T21:00:12.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2026-01-24T09:24:32.000Z (5 months ago)
- Last Synced: 2026-01-24T19:52:57.557Z (5 months ago)
- Topics: mongodb, nextjs16, posthog, react
- Language: TypeScript
- Homepage:
- Size: 7.55 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎯 DevEvent - Developer Event Management Platform
> **The Hub for Every Dev Event You Can't Miss**
A modern, full-stack event management platform built with Next.js 16, designed specifically for developer events and tech meetups. Features real-time booking, analytics tracking, and intelligent event recommendations.
## 📸 Screenshots
### Home Page
### Event Details & Booking
## ✨ Features
- **🎪 Event Discovery** - Browse and explore developer events with rich details
- **📅 Event Management** - Create, edit, and manage events with comprehensive information
- **🎫 Smart Booking System** - Real-time event booking with email notifications
- **🔍 Similar Events** - AI-powered recommendations based on event tags
- **📊 Analytics Integration** - PostHog analytics for tracking user engagement
- **⚡ Performance Optimized** - Component caching and React Compiler integration
- **📱 Responsive Design** - Mobile-first design with Tailwind CSS
- **🖼️ Image Management** - Cloudinary integration for optimized image handling
## 🛠️ Tech Stack
### Frontend
- **Next.js 16** - React framework with App Router
- **React 19** - Latest React with concurrent features
- **TypeScript** - Type-safe development
- **Tailwind CSS 4** - Utility-first CSS framework
- **Lucide React** - Beautiful icon library
### Backend & Database
- **MongoDB** - NoSQL database with Mongoose ODM
- **Cloudinary** - Image storage and optimization
- **PostHog** - Product analytics and user tracking
### Performance & Developer Experience
- **React Compiler** - Automatic optimization
- **Component Caching** - Next.js caching strategies
- **ESLint** - Code linting and formatting
- **Babel Plugin React Compiler** - Enhanced React optimizations
## 🚀 Getting Started
### Prerequisites
- Node.js 18+ or Bun
- MongoDB database
- Cloudinary account
- PostHog account (optional)
### Installation
1. **Clone the repository**
```bash
git clone https://github.com/amaan-ur-raheman/dev-event.git
cd dev-event
```
2. **Install dependencies**
```bash
npm install
# or
bun install
```
3. **Environment Setup**
Create a `.env` file in the root directory:
```env
NEXT_PUBLIC_BASE_URL=http://localhost:3000
MONGODB_URI=your_mongodb_connection_string
CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_API_SECRET=your_cloudinary_api_secret
NEXT_PUBLIC_POSTHOG_KEY=your_posthog_key
NEXT_PUBLIC_POSTHOG_HOST=https://app.posthog.com
```
4. **Run the development server**
```bash
npm run dev
# or
bun dev
```
5. **Open your browser**
Navigate to [http://localhost:3000](http://localhost:3000)
## 📁 Project Structure
```
dev-event/
├── app/ # Next.js App Router
│ ├── api/ # API routes
│ ├── events/ # Event pages
│ ├── layout.tsx # Root layout
│ └── page.tsx # Home page
├── components/ # Reusable React components
│ ├── BookEvent.tsx # Event booking form
│ ├── EventCard.tsx # Event display card
│ ├── LightRays.tsx # Background animation
│ └── Navbar.tsx # Navigation component
├── database/ # Database models and types
│ ├── event.model.ts # Event schema
│ └── booking.model.ts # Booking schema
├── lib/ # Utility functions
│ ├── actions/ # Server actions
│ └── mongodb.ts # Database connection
└── public/ # Static assets
├── icons/ # SVG icons
└── readme/ # README images
```
## 🎯 Key Features Explained
### Event Management
- **Rich Event Details**: Comprehensive event information including agenda, organizer details, and tags
- **Image Upload**: Seamless image handling with Cloudinary optimization
- **Dynamic Routing**: SEO-friendly URLs with event slugs
### Booking System
- **Real-time Booking**: Instant event registration with database persistence
- **Analytics Tracking**: User engagement tracking with PostHog
- **Error Handling**: Robust error management and user feedback
### Performance Optimization
- **Component Caching**: Automatic caching with 1-hour TTL
- **React Compiler**: Automatic React optimizations
- **Image Optimization**: Next.js Image component with Cloudinary
### Similar Events Algorithm
- **Tag-based Matching**: Intelligent event recommendations
- **Database Optimization**: Efficient MongoDB queries with exclusion logic
## 🔧 Available Scripts
- `npm run dev` - Start development server
- `npm run build` - Build for production
- `npm run start` - Start production server
- `npm run lint` - Run ESLint
## 🤝 Contributing
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🙏 Acknowledgments
- Built with [Next.js](https://nextjs.org/)
- Styled with [Tailwind CSS](https://tailwindcss.com/)
- Icons by [Lucide](https://lucide.dev/)
- Analytics by [PostHog](https://posthog.com/)
- Images by [Cloudinary](https://cloudinary.com/)
---