A modern, responsive React website for UDGAAR 2024, a mega youth fest organized by the Ethiccraft Club to raise awareness and combat addiction through education.
UDGAAR – An Expression of Goodness and Joy is a transformative mega youth fest with the mission to raise awareness and combat addiction through comprehensive education and engaging activities. The event brings together students, educators, and community leaders to create a powerful platform for dialogue, learning, and action against addiction.
- Modern Design: Clean, professional design inspired by the Jaipur Literature Festival
- Fully Responsive: Optimized for all devices (mobile, tablet, desktop)
- Smooth Animations: Framer Motion animations for engaging user experience
- Interactive Elements: Countdown timer, animated counters, interactive tabs
- Accessibility: WCAG compliant with proper ARIA labels and keyboard navigation
- SEO Optimized: Meta tags, structured data, and semantic HTML
- Performance: Optimized loading and smooth scrolling
- React 18 - Modern React with hooks
- Tailwind CSS - Utility-first CSS framework
- Framer Motion - Animation library
- React Icons - Icon library
- React CountUp - Animated counters
- React Intersection Observer - Scroll animations
- Date: 18th October 2024
- Venue: Delhi University Stadium
- Contact: 7042793941 (Kunal)
- Registration: https://ethiccraft.org/#/UdgarLive
-
Chief Guest Talk (2:00 PM - 3:30 PM)
- Expert insights on addiction prevention
- Interactive Q&A session
-
Weed Out Quiz (4:00 PM - 5:30 PM)
- Questions from 'Weed Out' book
- Inter-college competition
- Prizes worth ₹21,000
-
Crazy Hoppers Dance (6:00 PM - 7:00 PM)
- High-energy dance performance
- Professional choreography
-
Mime Performance (7:15 PM - 8:00 PM)
- Silent storytelling through mime
- Powerful anti-addiction message
-
Mantra Rock Concert (8:15 PM - 9:30 PM)
- Live rock music by Madhavas Rock Band
- Mantra-based songs
-
Sumptuous Dinner (9:45 PM - 10:30 PM)
- Multi-cuisine dinner
- Networking opportunities
- 🥇 1st Place: ₹21,000
- 🥈 2nd Place: ₹11,000
- 🥉 3rd Place: ₹5,100
- 🥇 1st Place: Boat Neckband
- 🥈 2nd Place: Power Bank
- 🥉 3rd Place: Laptop Bag
- 📜 E-Certificates
- 🛡️ Nasha Mukti Warrior Badge
- 🤝 Networking Opportunities
-
Clone the repository
git clone <repository-url> cd udgaar-2024 -
Install dependencies
npm install -
Start the development server
npm start -
Open your browser Navigate to http://localhost:3000
npm run buildThe website uses a custom color palette defined in tailwind.config.js:
- Primary: Orange (#ed7519)
- Secondary: Blue (#0ea5e9)
- Accent: Purple (#d946ef)
All content can be easily modified in the respective component files:
- Event details:
src/components/Events.js - Rewards:
src/components/Rewards.js - Contact information:
src/components/Footer.js
The website is fully responsive with breakpoints:
- Mobile: < 768px
- Tablet: 768px - 1024px
- Desktop: > 1024px
- Semantic HTML structure
- ARIA labels and roles
- Keyboard navigation support
- High contrast color scheme
- Screen reader friendly
- Focus indicators
npm start- Runs the app in development modenpm run build- Builds the app for productionnpm test- Launches the test runnernpm run eject- Ejects from Create React App
This project is licensed under the MIT License.
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly
- Submit a pull request
- Event Contact: 7042793941 (Kunal)
- Email: info@ethiccraft.org
- Venue: Delhi University Stadium, Delhi
- Ethiccraft Club for organizing this noble initiative
- All participants and volunteers
- The youth of India for joining the movement
Join the movement to make India addiction-free! Become a Nasha Mukti Warrior today! 🛡️ # UDGAAR