GameHub - Classic Games Collection GameHub is a web application that brings classic arcade games like Snake, Flappy Bird, and Tetris to your browser. Built with Next.js and React, it features responsive design, elegant UI components, and smooth game mechanics.
📋 Features Multiple Classic Games:
Snake 🐍 Flappy Bird 🐦 Tetris 🧱 Game Features:
Responsive canvas-based rendering Score tracking and high scores Pause/resume functionality Mobile-friendly controls Modern UI:
Clean, responsive design using Tailwind CSS Component library built with Radix UI primitives Dark/light mode support Consistent visual language across games 🛠️ Tech Stack Frontend:
Next.js - React framework React - UI library Tailwind CSS - Utility-first CSS framework Radix UI - Headless UI components Lucide Icons - SVG icon library Development Tools:
TypeScript ESLint Prettier 🚀 Getting Started Prerequisites Node.js (v18 or newer) npm or yarn Installation Clone the repository
git clone https://github.com/yourusername/gamehub.git cd gamehub Install dependencies npm install
yarn
Start the development server npm run dev
yarn dev
Open http://localhost:3000 in your browser
📁 Project Structure 🎮 Games Overview 🐍 Snake Navigate a snake around the screen, eating food to grow longer while avoiding walls and your own tail. Features include:
Customizable speed Score tracking Collision detection Game over screen with high score display 🐦 Flappy Bird Navigate a bird through gaps between pipes by tapping or clicking. Features include:
Physics-based gameplay Increasing difficulty Score counter Game over screen 🧱 Tetris Arrange falling blocks to create complete lines. Features include:
Different piece shapes Rotation mechanics Line clearing Score calculation Game preview 🤝 Contributing Contributions are welcome! Please feel free to submit a Pull Request.
📄 License This project is licensed under the MIT License - see the LICENSE file for details.
🙏 Acknowledgements Original game creators for inspiration shadcn/ui for beautiful UI components The Next.js team for an excellent framework