EventSphere Lite is a modern, dynamic, frontend-only event discovery platform. Instead of generic searches, it allows you to filter and discover events based on your personality, preferred environment, and crowd size. It's built for speed, responsiveness, and a premium user experience.
Live Demo: https://scarlett-force.vercel.app/
- Personality-Driven Filtering: Find events based on unique filters like Environment (Indoor/Outdoor), Crowd Size, Interest Area, and Personality traits (Introvert/Extrovert).
- Interactive Map View: Visualize events on a dynamic, interactive map using Leaflet, complete with geolocation and categorized map markers.
- Flashcard Details & "Save for Later": Click on any event to view details in a sleek modal flashcard. Easily bookmark events you're interested in for later viewing.
- Stunning Modern UI: Built with React and Tailwind CSS, featuring glassmorphism, depth-based card designs, and hyper-smooth transitions using Framer Motion.
- Fully Responsive: A seamless experience across desktop, tablet, and mobile devices with dedicated sidebars and intuitive navigation.
Frontend:
- React 19
- Vite (Next-generation frontend tooling)
- Tailwind CSS (Utility-first styling)
- Framer Motion (Smooth animations and transitions)
- React Leaflet (Interactive map integration)
- Lucide React (Beautiful, consistent icons)
Note: This is a frontend-only application using local state and mock data. No backend or database is required to run it.
You need Node.js installed on your system.
Navigate into the event-sphere-lite directory (if not already there) and install the necessary packages:
cd event-sphere-lite
npm installSpin up the Vite development server:
npm run devThe application will be available at http://localhost:5173/.
This project was built entirely from scratch by our 3-person team, without the use of AI tools for code generation. We manually built the UI, implemented the custom filtering algorithms, and configured the map integrations to challenge ourselves and master modern web development!