Back to Collection detail

Backlog Games

  • COMPLETED
  • January 2023 – March 2026
Backlog Games banner

A Next.js web application for managing a personal game backlog/collection.

It uses TypeScript, follows clean architecture principles (with separate layers for controller, data, domain, use cases, and view), and integrates PocketBase as the backend for data storage and migrations (although it can be switched to LocalStorage for web-based operation).

The app includes features for adding, modifying, and removing games, with UI components like game cards, forms, and a grid layout displayed on a collection page.

Features

  • Add, modify, and remove games from a personal backlog.
  • Visual representation of games with cards in a responsive grid layout.
  • Local storage integration alongside PocketBase backend.
  • Clean Architecture: Organized into controller, data, domain, use cases, and view layers for maintainability.
  • Full type safety throughout the application with TypeScript
  • PWA capabilities: standalone and offline usage.

Roles in this project

  • Full-stack developer

Technologies used

JavaScript logo
JavaScript
TypeScript logo
TypeScript
Next.js logo
Next.js
React.js logo
React.js

Images

1 / 0

Tags

Front-endBack-endWeb applicationDatabase persistenceFull-stackClean architectureBest practicesMVP architectureEnglish languagePWAResponsive design