๐ช Festival Navigator - Lollapalooza 2025
August 6, 2025 ยท View on GitHub
A vibrant, interactive web app for planning your perfect Lollapalooza 2025 experience with friends and family!
โจ Features
๐ฏ Core Functionality
- Multi-Person Tracking: Track preferences for up to 6 people with color-coded selections
- Interactive Schedule Grid: Visual timeline showing all artists across multiple stages
- Smart Conflict Resolution: AI-powered suggestions to optimize your group's festival experience
- Priority Levels: Mark artists as "Must See", "Nice to See", or "Highlight"
๐ ๏ธ Festival Tools
- Download Schedule: Export your daily schedule as a PNG image
- Group Plan Optimizer: Find time conflicts and get AI-suggested compromises
- Export All Likes: Generate a copy-paste list of everyone's selections
- Bulk Update: Quickly add or update multiple artist selections at once
๐ Live Demo
Visit the live app: [Coming soon after Vercel deployment]
๐ป Technologies Used
- HTML5 - Structure and content
- Tailwind CSS - Styling via CDN
- Vanilla JavaScript - Interactive functionality
- html2canvas - Schedule image export
- Google Gemini API - AI-powered features (optional)
- Local Storage - Persistent data storage
๐จ Color Coding
Each person gets their own unique color:
- Kevin: Red
- Molly: Blue
- Megan: Green
- Ross: Yellow
- Other Fam: Purple
- Other Peeps: Pink
๐ฑ How to Use
- Select a Person: Click on a person's name to activate their selection mode
- Choose a Day: Navigate between Thursday, Friday, Saturday, and Sunday
- Click Artists:
- First click: Nice to See (50% opacity)
- Second click: Must See (100% opacity)
- Third click: Highlight (dashed border)
- Fourth click: Remove selection
- Use Festival Tools: Access AI features, download schedules, and manage selections
๐ API Key Setup (Optional)
Option 1: Secure Server-Side (Recommended for Public Use)
To let anyone use artist info without exposing your API key:
In Vercel Dashboard:
- Go to your project โ Settings โ Environment Variables
- Add new variable:
- Name:
GEMINI_API_KEY - Value: Your API key from Google AI Studio
- Environment: All (Production, Preview, Development)
- Name:
- Save and redeploy
Benefits:
- โ Your API key stays secret on Vercel's servers
- โ Anyone can click artists for info without a key
- โ Responses cached for 1 hour to reduce API usage
- โ Free within Vercel's Edge Function limits
Option 2: Client-Side (Personal Use)
For personal use only:
- Visit Google AI Studio
- Generate a free API key
- Enter it when prompted in the app
- The key is stored locally in your browser
๐๏ธ Local Development
# Clone the repository
git clone https://github.com/khglynn/festival-navigator.git
# Navigate to the project
cd festival-navigator
# Open in browser
open index.html
# Or use a local server
python -m http.server 8000
๐ฆ Deployment
This project is configured for easy deployment on Vercel:
- Fork or clone this repository
- Connect your GitHub account to Vercel
- Import the project
- Deploy with zero configuration needed
๐ต Festival Data
The app includes the complete Lollapalooza 2025 lineup with:
- 4 days of performances
- 10+ stages
- 200+ artists
- Accurate time slots and stage assignments
๐ License
MIT License - Feel free to use and modify for your own festival planning needs!
๐ Acknowledgments
- Lollapalooza for the amazing festival
- Google for the Gemini API
- The festival crew for making memories together
Made with โค๏ธ for festival lovers