TypeScript-Based Game Statistics Management Web Application

Short Description

In this project, I developed a TypeScript-based web application where players can record, update, and regularly track their game statistics.

Problem

Data such as score, platform, screenshot, playtime, and status for played games can become scattered. I wanted to create an interface that keeps this information in one place, updates it, and displays it in a readable table format.

Solution

I built the frontend with React and TypeScript. I organized routing, form management, data fetching, and state management in a modular structure; I created more readable list screens with MUI Data Grid. The project was designed as a full-stack flow working with a multilingual structure, form validation, and a separate backend service.

Result

The outcome is an organized application that simplifies maintaining a game archive, with clear data entry and update workflows. Compared to the previous version, I made the structure more robust with TypeScript and more powerful frontend tools.

Technologies

React, TypeScript, React Router DOM, TanStack React Query, Axios, Material UI, MUI Data Grid, React Hook Form, Yup, i18next, CRACO, ESLint, Prettier

Setup