Back to Projects

Shelflog

ReactTypeScriptViteTailwind CSSNestJSMongoDBIGDB APIVercelFly.io
Check it out
Shelflog screenshot

๐Ÿ“‹ Overview

ShelfLog was built for players who like to track their games โ€” especially those who want to stop buying more and finally finish whatโ€™s already on their shelf. Whether you never started it or stopped halfway through, this is your place to close the loop.

๐Ÿ—๏ธ Architecture

The frontend is a React single-page application built with Vite, TypeScript, Tailwind CSS and daisyUI, using TanStack Query for data fetching. It's hosted on Vercel, which also proxies API requests to the backend.

The backend is a NestJS REST API backed by MongoDB Atlas through Mongoose, running as a container on Fly.io.

Game data comes from IGDB: a sync script pulls the catalog (names, covers, release dates and ratings) from the IGDB API into MongoDB, so game search runs directly against the app's own database.