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 Repo: GitHub Repository Link
- 🔐 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.
- 💻 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
- 🌍 Netlify Live Link: 👉 https://gamescope-project.netlify.app/
- 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.
- 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.
To get this project running locally, follow these steps:
- Clone the repository, navigate to the project folder, install dependencies, and start the development server:
git clone https://github.com/arman-miaa/GameScope-Project-client.git && cd GameScope-Project-client && npm install && npm run dev