React-Based Game Statistics Management Application

Brief Description

In this project, I developed a React-based application where players can record, manage, and export their game statistics.

Problem

A practical interface was needed to keep data such as game history, screenshots, scores, platforms, and playtime organized. I attempted to solve this need with a membership system, search, sorting, and user-based data management.

Solution

I divided the project into pages using React, Vite, and React Router. I used Firebase for the data and authentication side, and set up state management with Redux Toolkit. I consolidated the flows for users to add and update game information, screenshots, and profile data, as well as game search, filtering, export as JSON, and data deletion on the admin side within the same structure.

Result

The outcome was a small, player-centric game archive application. This repository remained as the old version because I later decided to refactor the structure and move to TypeScript and a custom backend.

Technologies

React, JavaScript, Vite, Redux Toolkit, React Redux, React Router DOM, Firebase, Axios, Tailwind CSS, Reactstrap, React Icons, React Tooltip, Validator

Setup