Game Hub: Dive into Games Ocean

#🚀 Brief Overview

Game Hub is a frontend application built with React and Redux for state management, allowing users to search for games by categories, platforms, and more. It offers both dark and light modes, utilizing Tailwind CSS and DaisyUI for styling. The backend API, developed with Node.js and TypeScript, provides comprehensive functionality for handling suppliers, users, products, and orders. Employers can place orders for product quantities from suppliers, manage order statuses, and streamline the entire inventory workflow. The API includes robust features like documentation, testing, and scalable architecture, making it ideal for businesses seeking efficient inventory control. Fully tested and optimized for performance, it’s a flexible solution for modern inventory and game search needs.

#✨ Key Features

1. Responsive Design
2. Awesome Design thanks to tailwind and daisyui.
3. Nice perfomance
4. Solid state managment thanks to redux and redux-toolkit.
5. Dual Themes: Dark & Light Theme
6. Clean and well wrettin Code Thanks to ESlint and Prettier.

#🛠️ Tech Stack

• React.js
• Redux as a state manager
• TailwindCSS
• daisyui as a tailwind ui
• react-router

#🔧 Install Instructions

1. Clone the repo

    git clone https://github.com/ahmedmohmd/game-hub

2. Add nessecary Environemtent Variables

• create file and name it: .env.local.
• create register on RAWG website and get your API KEY.
• add the following env variable: VITE_RAWG_API_KEY.

3. Install dependencies

  yarn install

4. Run the App

  yarn run dev

#🖥️ Usage

1. You can search about games with: search bar, categouries and platforms.
2. You can open any game in its single page to show more details about the game.
3. You can find Games by Game Category direct from sidebar.
4. You can switch between two themese: Dark and Light Theme.

#👀 Demo

Game Gub

#🖼️ Application’s Screeshots