Evente Web App Documentation
Project Title
Evente – Web Version
Overview
Evente is a luxury-inspired event discovery and connection platform. It lets users find exclusive
events, attend, connect with others, and stay updated — all while feeling like part of a premium
community.
Goals
• Deliver a responsive, user-friendly web version.
• Keep it stylish and luxury-themed.
• Sync design, features, and experience with the mobile app.
• Allow future API integration with the mobile version (optional for now).
Tech Stack (Recommended)
• Frontend: HTML, CSS (TailwindCSS/SCSS), JavaScript (React.js or plain)
• Backend: Node.js with Express / Firebase (for MVP)
• Database: MongoDB / Firebase Firestore
• Authentication: Firebase Auth / Auth0
• Hosting: Vercel, Netlify, or Firebase Hosting
Key Pages & Features
1. Landing Page
• Hero section (luxury branding feel)
• Teaser text: “Soon in Production...”
• CTA buttons: “Learn More” / “Join Waitlist”
• Logo + clean navbar
2. Authentication
• Sign Up / Login (Email + Password, or Social Auth)
• Password reset
3. Dashboard
• View upcoming events
• Featured events
• Recommended for you
• Navigation panel
4. Event Details Page
• Full event details (Date, Time, Location, Host, Description)
• “Join / RSVP” button
• Share event
5. Create Event (Optional MVP+)
• Event form with fields (name, date, time, images, category)
• Submit to be reviewed or instantly listed
6. User Profile
• Edit profile
• View past events
• RSVP'd events
• Connected users
7. Admin Panel (Future Upgrade)
• View all users
• Manage events
• Approve/reject user-submitted events
Design Guidelines
• Use the Evente logo and branding colors (Black, Gold, Midnight Blue)
• Smooth UI animations
• Responsive across desktop, tablet, and mobile
• Use luxury-inspired fonts (e.g., Playfair Display or Inter + Montserrat combo)
Security
• Input validation
• Authenticated routes
• Secure database queries