Music Festival - AI Agent Context
Challenge Info
- Day: 38 of 100
- Design: See
design.pngin this folder - Starter file:
index.html
User Story
As a music enthusiast, I want a captivating and informative festival website that provides all essential details about the Electro Music Festival, allowing me to explore events, check lineups, and purchase tickets effortlessly.
Acceptance Criteria
- The homepage must prominently display the festival name, "2024 Electro Music Festival," along with the dates and location (Zamardi, Hungary) to ensure immediate visibility.
- Include a navigation bar with links to Tickets, Lineup, News, Artists, and Explore sections for easy access to detailed information.
- Feature a large, engaging area with a play button for the official festival trailer to attract and engage users.
- Provide a brief description or introductory text about what the Electro Music Festival is, capturing the essence and unique aspects of the event.
- Ensure the design includes vibrant visuals that reflect the energy and atmosphere of the festival, using appropriate colors and imagery.
- The ticket purchasing option should be prominent and accessible from the homepage, ensuring a straightforward path to transaction completion.
- The website should be optimized for responsiveness, ensuring that content adjusts seamlessly across various devices and screen sizes.
Technical Notes
- Use any framework or vanilla HTML/CSS/JS
- The design mockup (
design.png) is the visual target - Icons, fonts, and images need to be sourced (use Google Fonts, Font Awesome, Unsplash, etc.)
- Make it responsive across mobile, tablet, and desktop
- Add interactivity where it makes sense
Suggested Approach
- Analyze
design.pngfor layout structure, colors, typography, and spacing - Build the HTML skeleton with semantic elements
- Style with CSS to match the design
- Add JavaScript for interactivity
- Test responsiveness and accessibility
Platform
These challenges are part of BigDevSoon - try the free Demo Editor or use Merlin AI on the full platform for context-aware coding assistance.