Game On
A responsive and interactive game review web app that allows users to browse, search, and filter video games, as well as to read and submit reviews.
Technologies Used
React
Next.js
Firebase
Tailwind
Features
- ● Single-page web application built with reusable React components
- ● Server-side rendering and image optimization using Next.js
- ● Dynamic and responsive user interface using React and Tailwind CSS
- ● Data management using Firebase Storage and Cloud Firestore
- ● User authentication using Firebase Authentication
- ● User authorization using token ID verification with Firebase Admin SDK
- ● User session management using Authentication context with React Context API
Usage
Game On is a game review web app that allows users to browse and search for video game reviews. It is accessible to all users, where they can:
- ● Browse through the diverse range of games.
- ● Search for games using keywords and filters, such as platform and release date with sorting option.
- ● Visit a specific game page to learn more about the game:
- ○ Get an overview of the game, including its summary, release date, genre, and platforms, as well as its average user and critic ratings.
- ○ Read critic reviews submitted by experts, as well as submit your own review if you are an expert reviewer or connected to an online media company.
- ○ Read user reviews submitted by other users, as well as submit your own review to share your personal experience on the game.
- ○ Read the game's system requirements to see if your device can run this game.
- ● Sign in with Google or email/password, reset your password if you forget it, and sign out when you're done.
- ● Visit your user profile to see your information and update your profile, password, or delete your account if necessary.
Future Development Plans
Although the app is functioning properly, I plan to make further improvements in the near future. These include:
- ● Allow users to edit or delete their own reviews.
- ● Implement the functionality to keep critic reviews on pending after submission and review the post's validity before accepting. This feature will ensure that only high-quality critic reviews are published on the site, making it a more trustworthy source of information for users.