A modern, feature-rich event management platform built with Next.js 15, React 19, and TypeScript. Eventflow streamlines the entire event lifecycle from registration to certificate distribution with role-based access control and real-time analytics.
- Smart Registration System - Intelligent forms with custom fields and automated workflows
- QR Code Check-in - Contactless attendance tracking with real-time scanning
- Automated Certificates - Generate and distribute certificates automatically to attendees
- Real-time Analytics - Live attendance monitoring and comprehensive event insights
- Admin Portal - System-wide organization and user management
- Organizer Dashboard - Event creation, management, and analytics
- Participant Interface - Event browsing, registration, and certificate access
- Role-based Access Control - Granular permissions for different user types
- Organization Management - Multi-tenant architecture with isolated data
- Secure Authentication - Protected routes and session management
- Responsive Design - Optimized for desktop, tablet, and mobile devices
- Dark/Light Mode - Theme switching with system preference detection
- Accessibility First - WCAG compliant with keyboard navigation support
- Component Library - Built with Radix UI and shadcn/ui components
- Node.js 18+
- pnpm (recommended) or npm
- Git
-
Clone the repository
git clone https://github.com/prabesh6907/eventflow.git cd eventflow-app -
Install dependencies
pnpm install # or npm install -
Start the development server
pnpm dev # or npm run dev -
Open your browser Navigate to http://localhost:3000
eventflow-app/
├── app/ # Next.js App Router
│ ├── (auth)/ # Authentication routes
│ │ ├── login/ # User login
│ │ └── register/ # User registration
│ ├── admin/ # Admin dashboard
│ ├── admin-portal/ # Admin access portal
│ ├── organizer/ # Organizer dashboard
│ ├── organizer-auth/ # Organizer authentication
│ ├── participant/ # Participant dashboard
│ ├── participant-auth/ # Participant authentication
│ ├── portal/ # Main portal with role selection
│ │ ├── login/ # Portal login
│ │ ├── organization-selection/ # Org selection for multi-tenant
│ │ └── role-selection/ # Role-based routing
│ ├── globals.css # Global styles
│ ├── layout.tsx # Root layout
│ └── page.tsx # Landing page
├── components/ # Reusable React components
│ ├── ui/ # shadcn/ui components
│ ├── create-event-dialog.tsx # Event creation modal
│ ├── navbar.tsx # Navigation component
│ ├── qr-code-dialog.tsx # QR code generation
│ ├── qr-scanner-dialog.tsx # QR code scanning
│ └── request-service-modal.tsx # Service request form
├── hooks/ # Custom React hooks
├── lib/ # Utility functions and configurations
├── public/ # Static assets
├── styles/ # Additional stylesheets
├── components.json # shadcn/ui configuration
├── next.config.mjs # Next.js configuration
├── package.json # Dependencies and scripts
├── tailwind.config.ts # Tailwind CSS configuration
└── tsconfig.json # TypeScript configuration
- Next.js 15.2.4 - React framework with App Router
- React 19 - Latest React with concurrent features
- TypeScript 5 - Type-safe JavaScript
- Tailwind CSS 3.4.17 - Utility-first CSS framework
- Radix UI - Unstyled, accessible UI primitives
- shadcn/ui - Beautiful component library
- Lucide React - Modern icon library
- next-themes - Theme switching functionality
- React Hook Form 7.54.1 - Performant forms with validation
- Zod 3.24.1 - TypeScript-first schema validation
- @hookform/resolvers - Form validation resolvers
- date-fns - Modern JavaScript date utility library
- Sonner - Toast notifications
- Recharts - Composable charting library
- cmdk - Command palette component
- Vaul - Drawer component for mobile
# Development
pnpm dev # Start development server
pnpm build # Build for production
pnpm start # Start production server
pnpm lint # Run ESLint
# Package management
pnpm install # Install dependencies
pnpm add <pkg> # Add new package- System Management - Manage organizations and system settings
- User Oversight - View and manage all users across organizations
- Analytics Access - System-wide performance metrics
- Organization Creation - Add new organizations with auto-generated credentials
- Event Management - Create, edit, and manage events
- Participant Tracking - Monitor registrations and attendance
- Certificate Distribution - Generate and send certificates
- Event Analytics - Detailed event performance insights
- Event Discovery - Browse and search available events
- Registration - Sign up for events with custom forms
- Certificate Access - Download earned certificates
- Personal Dashboard - Track attended events and achievements
- Multi-role authentication with organization-based access
- Secure session management
- Role-based route protection
- Dynamic event creation with custom fields
- Real-time participant tracking
- Automated workflow management
- Generate unique QR codes for events
- Real-time scanning for check-ins
- Attendance verification system
- Real-time event metrics
- Participant engagement tracking
- Comprehensive reporting tools
- Push your code to GitHub
- Connect your repository to Vercel
- Configure environment variables
- Deploy automatically
The app can be deployed on any platform supporting Node.js:
- Netlify
- AWS Amplify
- Railway
- Render
We welcome contributions.
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License.
- Next.js for the amazing React framework
- Radix UI for accessible UI primitives
- shadcn/ui for the beautiful component library
- Tailwind CSS for the utility-first CSS framework
Built by the Eventflow Team
Making event management effortless, one event at a time.