UDGAAR

Stars
9
Updated
View on GitHub

UDGAAR 2024 - An Expression of Goodness and Joy

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.

🎯 About UDGAAR

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.

✨ Features

  • 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

🚀 Tech Stack

  • 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

📋 Event Details

🎪 Event Lineup

  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

🏆 Rewards & Prizes

Inter-College Quiz Prizes

  • 🥇 1st Place: ₹21,000
  • 🥈 2nd Place: ₹11,000
  • 🥉 3rd Place: ₹5,100

Intra-College Quiz Prizes

  • 🥇 1st Place: Boat Neckband
  • 🥈 2nd Place: Power Bank
  • 🥉 3rd Place: Laptop Bag

For All Participants

  • 📜 E-Certificates
  • 🛡️ Nasha Mukti Warrior Badge
  • 🤝 Networking Opportunities

🛠️ Installation & Setup

  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

📦 Build for Production

npm run build

🎨 Customization

Colors

The website uses a custom color palette defined in tailwind.config.js:

  • Primary: Orange (#ed7519)
  • Secondary: Blue (#0ea5e9)
  • Accent: Purple (#d946ef)

Content

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

📱 Responsive Design

The website is fully responsive with breakpoints:

  • Mobile: < 768px
  • Tablet: 768px - 1024px
  • Desktop: > 1024px

♿ Accessibility Features

  • Semantic HTML structure
  • ARIA labels and roles
  • Keyboard navigation support
  • High contrast color scheme
  • Screen reader friendly
  • Focus indicators

🔧 Available Scripts

  • 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

📄 License

This project is licensed under the MIT License.

🤝 Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Make your changes
  4. Test thoroughly
  5. Submit a pull request

📞 Contact

  • Event Contact: 7042793941 (Kunal)
  • Email: [email protected]
  • Venue: Delhi University Stadium, Delhi

🌟 Special Thanks

  • 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

UDGAAR