https://github.com/arman-miaa/gamescope
GameScope is a comprehensive platform for game enthusiasts to explore, review, and manage their favorite games. With a sleek interface and essential features, it aims to deliver a smooth and engaging user experience.
https://github.com/arman-miaa/gamescope
daysiui firebase reactjs tailwind-css
Last synced: 4 months ago
JSON representation
GameScope is a comprehensive platform for game enthusiasts to explore, review, and manage their favorite games. With a sleek interface and essential features, it aims to deliver a smooth and engaging user experience.
- Host: GitHub
- URL: https://github.com/arman-miaa/gamescope
- Owner: arman-miaa
- Created: 2025-01-08T08:27:09.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-08T08:31:13.000Z (5 months ago)
- Last Synced: 2025-01-08T09:33:50.374Z (5 months ago)
- Topics: daysiui, firebase, reactjs, tailwind-css
- Language: JavaScript
- Homepage: https://ph-assignment-10-client.netlify.app/
- Size: 923 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎮 GameScope: A Game Review Application
**GameScope** is a comprehensive platform designed for game enthusiasts to explore, review, and manage their favorite games. With a sleek interface and essential features, it aims to deliver a smooth and engaging user experience.
---
## 📂 Server Repository
- 💻 **Server Repo**: [GitHub Repository Link](https://github.com/arman-miaa/GameScope-Server)
---
## 🚀 Key Features
- 🔐 **User Authentication**: Secure sign-up, login, and logout functionality using Firebase Authentication.
- ✍️ **Game Reviews**: Add, update, delete, and manage your game reviews.
- 📱 **Responsive Design**: Fully optimized for all devices using TailwindCSS.
- 🌗 **Dark/Light Theme Toggle**: Switch between dark and light themes for a better browsing experience.
- 🎯 **Watchlist Management**: Add and manage your favorite games in a personalized watchlist.
- 🔒 **Private/Protected Routes**: Restrict access to certain routes based on user authentication.
- 🔍 **Sorting & Filtering**: Quickly find and manage the games you're interested in using sorting and filtering options.
---
## 🛠️ Technologies Used
- 💻 **Frontend**: React, React Router, Tailwind CSS
- 🔐 **Authentication**: Firebase Authentication
- 🗂️ **Data Storage**: Firebase Firestore / JSON (depending on implementation)
- 📱 **Responsive Design**: Tailwind CSS
- ⚙️ **State Management**: React Context API
---
## 🌐 Live Links
- 🌍 **Netlify Live Link**: 👉 [https://gamescope-project.netlify.app/](https://gamescope-project.netlify.app/)
---
## 📦 Dependencies Used
### Core Dependencies:
- **React**: A library for building user interfaces.
- **React-DOM**: React rendering library.
- **React-Router-Dom**: For dynamic routing within the app.
- **Firebase**: Authentication and backend services for user login and data management.
- **React-Toastify**: For displaying toast notifications.
- **Swiper**: For implementing the carousel/slider.
- **React-Helmet**: For managing the document head.
- **React-Icons**: Provides a set of commonly used icons.
- **SweetAlert2**: For interactive alerts and confirmation dialogs.
- **Match-Sorter**: Used for sorting arrays.
- **Localforage**: For offline data storage.
### Dev Dependencies:
- **TailwindCSS**: A utility-first CSS framework for creating modern designs.
- **DaisyUI**: Component library built on top of TailwindCSS.
- **Vite**: A fast build tool and development server.
- **ESLint**: A tool for identifying and fixing problems in JavaScript code.
- **PostCSS**: CSS transformations and optimizations.
- **Autoprefixer**: Adds vendor prefixes to CSS.
---
## 🖥️ Setup Instructions
To get this project running locally, follow these steps:
1. Clone the repository, navigate to the project folder, install dependencies, and start the development server:
```bash
git clone https://github.com/arman-miaa/GameScope-Project-client.git && cd GameScope-Project-client && npm install && npm run dev