Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ahmedmohmd/game-hub
Game Hub is a React frontend using Redux for state management, enabling users to search games by categories and platforms, with light/dark mode via Tailwind CSS and DaisyUI. The Node.js and TypeScript backend handles suppliers, users, products, and orders, allowing employers to manage inventory and order workflows. The API is fully documented, test
https://github.com/ahmedmohmd/game-hub
daysi game-hub games react tailwindcss typescript
Last synced: 16 days ago
JSON representation
Game Hub is a React frontend using Redux for state management, enabling users to search games by categories and platforms, with light/dark mode via Tailwind CSS and DaisyUI. The Node.js and TypeScript backend handles suppliers, users, products, and orders, allowing employers to manage inventory and order workflows. The API is fully documented, test
- Host: GitHub
- URL: https://github.com/ahmedmohmd/game-hub
- Owner: ahmedmohmd
- Created: 2024-09-17T10:51:14.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-18T06:02:21.000Z (4 months ago)
- Last Synced: 2024-10-30T20:48:46.104Z (2 months ago)
- Topics: daysi, game-hub, games, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://g3mehub.vercel.app/
- Size: 4.91 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Game Hub
## 🚀 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
```bash
git clone https://github.com/ahmedmohmd/inventory-app
```
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
```bash
yarn install
```
4. Run the App
```bash
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.
## 🏠 Offecial Project's Home Page
[Game Gub](https://ahmedmohmd.vercel.app/projects/game-hub)
## 👀 Demo
[Game Gub](https://g3mehub.vercel.app/)
## 🖼️ Application's Screeshots
