The Great Hackathon 2025

A modern, interactive web platform for Great Learning's premier coding challenge - "The Great Hackathon 2025". This React-based application provides a complete hackathon experience with team formation, registration, leaderboard tracking, and comprehensive event information.

🎯 Hackathon Challenge

Problem Statement: Solve the "Lonely Learner" problem by building innovative EdTech solutions that enhance the learning experience for students worldwide.

This platform serves as the official registration and management system for The Great Hackathon 2025, where participants compete to create solutions addressing educational isolation and engagement challenges.

🚀 Features

Core Functionality

• Interactive Dashboard: Dynamic carousel showcasing live event updates and leaderboard previews
• Team Registration: Seamless team formation with member management (2-4 members per team)
• Real-time Leaderboard: Live rankings with gamified elements and team statistics
• Event Information: Comprehensive hackathon details, timeline, prizes, and participant testimonials
• Countdown Timer: Live timer tracking the 48-hour hackathon duration

Technical Features

• Responsive Design: Mobile-first approach with Tailwind CSS
• TypeScript: Full type safety and enhanced developer experience
• Modern React: Hooks-based architecture with optimized performance
• Vite Build System: Fast development and optimized production builds
• ESLint Configuration: Code quality and consistency enforcement

🛠️ Tech Stack

• Frontend: React 18 + TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• Icons: Lucide React
• Deployment: Vercel

📋 Prerequisites

• Node.js (v16 or higher)
• npm or yarn

🚀 Getting Started

1. Clone the repository

   git clone https://github.com/AkashSharma19/Great-Learning.git
   cd Great-Learning

2. Install dependencies

   npm install

3. Start development server

   npm run dev

4. Build for production

   npm run build

5. Preview production build

   npm run preview

📁 Project Structure

src/
├── App.tsx                 # Main application component
├── main.tsx               # Application entry point
├── index.css              # Global styles and Tailwind imports
├── assets/                # Static assets
├── components/
│   ├── GreatLearningHackathon.tsx    # Main dashboard with carousel
│   ├── HackathonInfoPage.tsx         # Event details and registration info
│   ├── LeaderboardPage.tsx           # Rankings and statistics
│   ├── SimpleRegistration.tsx        # Team registration form
│   └── ParticipantDashboard.tsx      # Participant management
└── types/                 # TypeScript type definitions

🎨 Design System

Color Palette

• Primary: Blue (#3B82F6)
• Secondary: Yellow (#F59E0B)
• Accent: Purple (#8B5CF6)
• Success: Green (#10B981)
• Background: Gray (#F9FAFB)

Typography

• Primary Font: System font stack
• Headings: Bold, sans-serif
• Body: Regular, readable sans-serif

🏆 Hackathon Details

• Duration: 48 hours
• Team Size: 2-4 members
• Prize Pool: ₹5,00,000
• Eligibility: College students and working professionals (0-2 years experience)
• Theme: EdTech innovation

🤝 Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Great Learning Academy for organizing this amazing event
• React and Vite communities for excellent tooling
• Tailwind CSS for the utility-first CSS framework
• Lucide for beautiful icons

📞 Contact

For questions or support, please reach out to the development team or create an issue in this repository.

---

Happy Hacking! 🚀