The Event Management System is a cutting-edge, full-stack application designed to streamline event creation, management, and attendance. Built with Next.js 14 on the frontend and a powerful backend API, this platform delivers a seamless event management experience with an intuitive user interface and robust features.
- 🔎 Event Discovery: Browse, search, and filter events effortlessly.
- 📍 Event Details: View event descriptions, locations, dates, and available ticket options.
- 🔐 User Authentication: Secure login and registration with JWT-based authentication and role-based access control.
- 🎟 Ticket Management: Purchase tickets with multiple pricing options for different event areas.
- 🛒 Shopping Cart: Add multiple tickets and adjust quantities before checkout.
- 👤 User Profiles: Manage personal information and access ticket history.
- ⭐ Feedback System: Rate and leave comments on attended events.
- 🛠 Admin Dashboard: Manage events, users, and registrations efficiently.
- 📱 Responsive UI: Fully optimized for desktop and mobile devices.
| Category | Technology |
|---|---|
| Framework | Next.js 14 |
| Language | TypeScript |
| Styling | Tailwind CSS |
| Animations | Framer Motion |
| State Management | Zustand |
| API Communication | Axios |
| Form Handling | React Hook Form |
| Notifications | React Toastify |
| Data Visualization | Recharts |
- RESTful API: Provides secure and scalable backend services.
- JWT Authentication: Ensures safe user authentication and session management.
- Node.js (v18.0.0 or higher)
- npm or yarn package manager
-
Clone the repository:
git clone <repository-url> cd frontend
-
Install dependencies:
npm install # or yarn install -
Set up environment variables: Create a
.env.localfile and add:NEXT_PUBLIC_API_URL=https://your-api-url.com -
Start the development server:
npm run dev # or yarn dev -
Open http://localhost:3000 in your browser.
| Role | Capabilities |
|---|---|
| Visitor | Browse and view event details |
| Registered User | Purchase tickets, provide feedback, manage profile |
| Event Organizer | Create and manage their own events |
| Administrator | Full system access, manage all entities |
- Browse/search for events.
- Select an event to view details.
- Choose an event area and purchase tickets.
- Complete the checkout process.
- Access purchased tickets in the Profile section.
- Access the Event Creation Form.
- Provide event details and upload an event image.
- Configure event areas, capacities, and pricing.
- Publish the event.
The application is optimized for deployment on Vercel or Netlify.
npm run build
# or
yarn buildThis project is licensed under the MIT License. See the LICENSE file for
more details.
🎉 Empowering event organizers and attendees with a seamless digital experience!