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

1. Chief Guest Talk (2:00 PM - 3:30 PM)

   • Expert insights on addiction prevention
   • Interactive Q&A session

2. Weed Out Quiz (4:00 PM - 5:30 PM)

   • Questions from 'Weed Out' book
   • Inter-college competition
   • Prizes worth ₹21,000

3. Crazy Hoppers Dance (6:00 PM - 7:00 PM)

   • High-energy dance performance
   • Professional choreography

4. Mime Performance (7:15 PM - 8:00 PM)

   • Silent storytelling through mime
   • Powerful anti-addiction message

5. Mantra Rock Concert (8:15 PM - 9:30 PM)

   • Live rock music by Madhavas Rock Band
   • Mantra-based songs

6. 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

1. Clone the repository

   git clone <repository-url>
   cd udgaar-2024

2. Install dependencies

   npm install

3. Start the development server

   npm start

4. Open your browser Navigate to http://localhost:3000

npm run build

The 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 mode
• npm run build - Builds the app for production
• npm test - Launches the test runner
• npm run eject - Ejects from Create React App

This project is licensed under the MIT License.

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test thoroughly
5. 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