GALAT GAMES

GALAT GAMES delivers instant,fun mini-games you can lay anywhere

Comment

🎮 GALAT GAMES - CodeSprout Hackathon Submission

Inspiration

Our inspiration came from a moment of panic and determination. After missing the registration deadline for another hackathon on August 29th, 2025, we stumbled upon CodeSprout with less than 48 hours remaining. Instead of giving up, we saw this as the ultimate challenge - could we build something meaningful in just 2 days?

We were inspired by the classic arcade era where simple yet engaging games brought people together. We wanted to recreate that magic with modern web technologies, wrapped in a bold neubrutalism design that stands out in today's minimalist web landscape. The name "Galat" (meaning "wrong" in Hindi) represents how sometimes the best things come from unexpected detours.

What it does

Galat Games is a comprehensive web-based gaming platform featuring 8 unique mini-games, each designed to test different skills:

  • Memory Builder: Progressive memory sequence challenges
  • Type Challenge: Real-time typing speed and accuracy tests
  • Story Builder: Creative drag-and-drop storytelling game
  • Tic Tac Toe: Strategic gameplay with intelligent AI opponent
  • Rock Paper Scissors: Classic hand game with streak tracking
  • Reaction Tracker: Millisecond-precision reflex testing
  • Math Sprint: Timed mathematical problem solving
  • Flappy Bird: Physics-based obstacle navigation

The platform features a unified neubrutalism design with bold black borders, heavy shadows, and a professional white-gray color scheme. Users can browse games, play randomly selected games, track scores, and enjoy smooth animations throughout their gaming experience.

How we built it

Technology Stack: Pure HTML5, CSS3, and Vanilla JavaScript (zero dependencies)

48-Hour Sprint Timeline:

  • Day 1 (Aug 29): Rapid ideation, UI/UX wireframes, design system creation, and core architecture setup
  • Day 2 (Aug 30): Parallel game development, integration, testing, polish, and deployment

Development Process:

  1. Design-First Approach: Created a neubrutalism design system with consistent styling
  2. Modular Architecture: Each game operates independently with shared UI components
  3. Performance Optimization: Implemented Intersection Observer API for smooth animations
  4. Responsive Design: Mobile-first approach ensuring cross-device compatibility
  5. Git Workflow: Feature branches and collaborative development using version control

Team Collaboration: 5 developers working simultaneously on different games while maintaining design consistency and code quality standards.

Challenges we ran into

Time Pressure: Building 8 complete games in 48 hours required aggressive scope management and parallel development strategies.

Design Consistency: Maintaining visual coherence across 8 different games while multiple developers worked simultaneously required strict design guidelines and constant communication.

Performance Optimization: Ensuring smooth 60fps animations across all devices with pure CSS and JavaScript, without any performance frameworks, demanded careful optimization of every interaction.

Cross-Browser Compatibility: Testing and ensuring functionality across different browsers and devices within our tight timeline was challenging but essential.

Mobile Responsiveness: Creating touch-friendly interfaces that work seamlessly on both desktop and mobile required innovative CSS solutions and careful event handling.

Code Integration: Merging 8 different codebases while maintaining functionality and avoiding conflicts required disciplined Git workflow and code review processes.

Accomplishments that we're proud of

Speed of Execution: Successfully delivered a complete gaming platform with 8 functional games in just 48 hours - proving our team's ability to work under extreme pressure.

Design Excellence: Created a unique neubrutalism aesthetic that stands out from typical gaming websites, with consistent visual identity across all components.

Zero Dependencies: Built everything with pure web technologies, resulting in fast loading times and broad compatibility without relying on external frameworks.

User Experience: Implemented intuitive navigation, haptic feedback, keyboard accessibility, and seamless mobile interactions that feel native to each platform.

Code Quality: Maintained clean, documented, and modular code architecture despite the time constraints, making the project maintainable and scalable.

Team Coordination: Successfully coordinated 4 developers working on different components while maintaining code quality and design consistency.

What we learned

Rapid Prototyping: We discovered the power of starting with wireframes and design systems - spending the first few hours on planning saved us from countless integration issues later.

Parallel Development: Learned how to effectively divide work among team members while maintaining consistency through shared components and strict style guides.

Performance-First Mindset: Building without frameworks taught us the importance of efficient code and how much performance can be gained through careful optimization.

Time Management: Experienced the value of prioritizing core functionality first, then progressively enhancing - this approach allowed us to have a working product even under extreme time pressure.

User-Centric Design: Realized that simple, well-executed interactions often provide better user experience than complex features.

Git Collaboration: Improved our collaborative development skills using feature branches, pull requests, and conflict resolution under pressure.

Design Systems: Learned how a well-defined design system accelerates development and ensures consistency across multiple developers and components.

What's next for GALAT GAMES

Immediate Enhancements (Next 2 weeks):

  • Leaderboards: Global and local high score tracking with social sharing
  • User Profiles: Personal progress tracking and achievement systems
  • PWA Implementation: Offline gameplay capability and native app-like experience

Short-term Goals (1-3 months):

  • Multiplayer Features: Real-time multiplayer versions of classic games
  • Game Expansion: Add 7 more games to reach 15 total mini-games
  • Analytics Integration: Player behavior insights and game performance metrics
  • Social Features: Friend systems, challenges, and score sharing

Long-term Vision (6-12 months):

  • Tournament System: Organized competitions with prizes and rankings
  • Custom Game Builder: Tools for users to create and share their own mini-games
  • Educational Mode: Learning-focused versions with progress tracking for schools

Community Goals:

  • Open Source Components: Release reusable game frameworks for developers
  • Developer API: Allow third-party game integration
  • Educational Partnerships: Collaborate with schools for educational gaming content

Galat Games represents our belief that great things can emerge from unexpected circumstances. What started as a last-minute hackathon entry has the potential to become a platform that brings simple, accessible gaming joy to users worldwide.

Try the game at galatgames.netlify.app to experience in reality.

Built With

Share this project:

Updates