ucode connect uevent "Univent" is the project of ucode connect the Track FullStack programming bootcamp
lasting 5 weeks (March 31, 2025 - May 2, 2025),
where the NestJS with TypeScript and React with Next.js were used to develop the event ticketing service.
The purpose: create an event ticketing service to unite people with the same interests
using the whole cycle of Challenge Based Learning framework with a team.
- 🗓️ About "Univent" Platform
- 🧑💻 Team
- 🎫 About "Univent" Frontend
- 🎯 Features and Functionality
- 🔐 Authentication & Authorization
- 👥 User Management & Profile
- 🏢 Company Management
- 🎪 Event Management
- 🎫 Advanced Ticketing System
- 💳 Payment Processing & Orders
- 🎟️ Promo Codes & Discounts
- 🔔 Notification System
- 📰 News & Content Management
- 📬 Subscription Management
- 🔍 Advanced Search & Filtering
- 🗺️ Google Maps Integration
- 📱 Responsive Design & UI
- 📊 Analytics & Attendee Management
- 🔒 Security & Data Protection
- 👤 Use case diagram
- 🧲 Activity diagram
- 🚚 Deployment Diagram
- 🚀 Get started
Univent is a platform for creating, attending and managing events!
Organise events with interactive maps, buy tickets, use promo codes and receive notifications.
A user-friendly profile for everyone - from organisers to guests.
Here is a link to the presentation file.
-
🧑🏼💻 Andrew Laskevych
-
👩🏼💻 Inessa Repeshko
-
🧑🏻💻 Vadym Zharyi
Univent is a dynamic ticketing platform crafted to streamline event management and ticket purchasing. Built with Next.js, React, and Tailwind CSS, Univent delivers a responsive, intuitive, and user-friendly interface for both event organizers and attendees.
Service empowers users to create companies, organize events, and sell tickets across diverse venues, offering tools like interactive seating maps for precise ticket selection. Attendees can effortlessly explore events, purchase tickets, and track their bookings through a personalized profile page, where they can view their purchase history. With its sleek, minimalist design and robust functionality, Univent ensures a seamless experience for planning and attending events, making it an ideal solution for modern event management.
Univent is a comprehensive event management platform that provides the following features:
- User registration and login with secure email verification
- Google OAuth 2.0 integration for seamless social authentication
- Password reset functionality with secure token validation
- JWT-based authentication with automatic token refresh
- Role-based access control and protected routes
- Responsive authentication modals and forms
- Comprehensive user profile management with avatar upload
- Personal dashboard with purchase history and event tracking
- Account settings and password management interface
- User-friendly profile editing with real-time validation
- Secure account management and privacy controls
- Company registration and profile creation interface
- Company logo upload and brand management
- Detailed company information pages and profiles
- Company ownership verification and management controls
- Company event listing and management dashboard
- Company news publishing and management
- Intuitive event creation and editing interface
- Event poster upload and media management
- Multiple event format support with rich categorization
- Event scheduling with comprehensive date/time controls
- Interactive Google Maps integration for venue selection
- Event status management (draft, published, ongoing, finished)
- Real-time event updates and attendee notifications
- Popular and similar events recommendation carousels
- Multiple ticket types with flexible pricing structures
- Interactive ticket selection and purchase flow
- Secure ticket purchase modal with payment integration
- QR code generation for ticket verification
- Ticket management and tracking dashboard
- Downloadable PDF tickets with unique identifiers
- Real-time ticket availability updates
- Stripe payment integration with secure checkout
- Shopping cart functionality for multiple ticket purchases
- Order confirmation and detailed receipt generation
- Payment status tracking and order history
- Secure order management with confirmation emails
- Refund handling and payment status synchronization
- Promo code creation and management interface
- Event-specific discount codes with validation
- Real-time discount calculation and application
- Promo code activation/deactivation controls
- Secure promotional campaign management
- Real-time notification center with status management
- Event update notifications and announcements
- Company and event subscription notifications
- Interactive notification list with read/unread status
- Push notifications for important event updates
- Company news creation and publishing interface
- Event-specific announcements and updates
- Rich text content management with media support
- News visibility controls and publication scheduling
- Responsive news card layouts and displays
- Event and company subscription system
- Subscription preference management
- Automatic notification delivery for subscribed content
- Easy unsubscribe and preference controls
- Subscription status tracking and management
- Dynamic event search with multiple filter criteria
- Company discovery and search functionality
- Real-time search results with pagination
- Advanced filtering by date, location, category, and price
- Responsive filter interface with intuitive controls
- Interactive venue location picker
- Embedded Google Maps for event locations
- Location-based event discovery
- Responsive map interface with custom markers
- Address validation and geocoding support
- Mobile-first responsive design with Tailwind CSS
- Modern UI components built with Shadcn/ui
- Smooth animations and interactive elements
- Accessibility-focused design with ARIA support
- Dark/light theme support and customization
- Intuitive navigation and user experience
- Event attendee tracking and management
- Attendance visibility controls (public/private)
- Event statistics and engagement metrics
- Attendee list management for organizers
- Real-time event capacity and sales tracking
- CSRF protection and secure form handling
- Input validation with Zod schema validation
- Secure file upload and media management
- Environment-based configuration management
- Protected routes and authorization guards
- Run the "Univent" Backend project.
- Clone this repository and move to the project directory:
git clone <repository-url> univent-frontend cd univent-frontend
- Install the dependencies:
npm install
- Configure the environment file:
- Locate the
.env.development.examplefile in the root of the project. - Rename
.env.development.exampleto.env.development. - Open
.env.developmentand add your Google API key in the appropriate field.
- Locate the
- Run commands:
npm run build
npm run start:dev
- Application will be launched on http://localhost:3000/.
© Inessa Repeshko. 2025