Fun Games Hub is an open-source collection of mini-games built with React + Vite. It provides a modular platform where developers can add new games, improve existing ones, or enhance the UI/UX. Players can enjoy classic games like Tic Tac Toe, Memory Match, and Snake directly in the browser.

This repository is part of Hacktoberfest 🍂, and contributions are highly encouraged! Add new games to the homepage, implement new features in existing games, or improve the overall design and interactivity.

• 🕹️ Mini-Games Hub – Play multiple games from a single platform
• ❌ Tic Tac Toe – Classic 3x3 game
• 🃏 Memory Match – Flip cards and find pairs
• 🐍 Snake – Navigate the snake to collect food and grow
• 🧩 Modular Game System – Easily add new games to the hub
• 🎨 Modern UI – Clean and responsive design with CSS
• 📱 Responsive Design – Works seamlessly on desktop and mobile
• 🛠️ Hacktoberfest-Friendly – Contributors can add new games, features, or UI improvements

1. Frontend: React 18, Vite
2. Routing: React Router DOM
3. State Management: React useState & useEffect (per-game)
4. Styling: CSS / TailwindCSS compatible
5. Other Utilities: None (can be added by contributors per game)

fun-games-hub/ ├── public/ # Static assets (favicon, images) ├── src/ │ ├── components/ # Shared UI components (Nav, GameCard) │ ├── pages/ # Game pages (TicTacToePage, MemoryPage, SnakePage) │ └── games/ # Game implementations (TicTacToe, Memory, Snake) ├── index.html ├── styles.css # Global styles ├── package.json ├── vite.config.js ├── README.md ├── CONTRIBUTING.md └── ISSUE_TEMPLATE.md

• Add your game inside src/games/
• Create a corresponding page in src/pages/
• Link your game in App.jsx and the homepage (Home.jsx)
• Update the homepage to display your game card

1. Clone the repository
2. git clone https://github.com//games-hub.git
3. cd fun-games-hub
4. Install dependencies npm install or yarn install or pnpm install
5. Start the development server npm run dev Open http://localhost:5173 in your browser

1. Fork the repository
2. Create a new branch for your feature: git checkout -b feat-new-game
3. Add your game in src/games/ and create a page in src/pages/
4. Update the homepage (Home.jsx) with a new GameCard
5. Commit your changes, push, and open a Pull Request

• Add new games (e.g., Chess, Connect 4, Pong)
• Add features to existing games (scores, levels, themes)
• Improve UI animations or responsiveness
• Add game-specific settings or sound effects