From 81a2d4d1529ea31ea5e49e82ff4488842fa8de40 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Martin=20God=C3=B8?= Date: Thu, 1 Oct 2026 19:29:41 +0200 Subject: [PATCH 1/2] Create ProjectDescription.md Created a short and sweet project description. This will serve as the first assignment delivery. It defines our entire tech stack and project planning. --- ProjectDescription.md | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 ProjectDescription.md diff --git a/ProjectDescription.md b/ProjectDescription.md new file mode 100644 index 0000000..e608704 --- /dev/null +++ b/ProjectDescription.md @@ -0,0 +1,25 @@ +# T21 – Steam Game Catalog + +A searchable catalog of 100,000+ Steam games. Users can search by title, filter and sort the full result set, open a detail view for each game, and leave ratings, reviews and personal play-list statuses that are stored on our server. + +## Data +The database is seeded from the [Steam Games Dataset](https://www.kaggle.com/datasets/fronkongames/steam-games-dataset) (Fronkon Games, MIT). A small optional sync script may use the Steam API to refresh selected games. The app itself only reads from our own database. + +## Tech stack +- **Frontend:** React + TypeScript (Vite), Apollo Client for state management, an accessible component library (React Aria / Radix) +- **Backend:** Node + TypeScript with Apollo Server (GraphQL), running on port 3001 +- **Database:** PostgreSQL with Prisma, run directly on the group VM (no Docker) +- **Hosting:** Apache serves the frontend at `/project2` and proxies GraphQL requests to the backend +- **Quality:** ESLint, Prettier, Vitest (components and API), Playwright (end-to-end) + +## How we meet the requirements +- **Search:** case-insensitive title search with debounced input, backed by a trigram index in Postgres +- **Large result sets:** cursor-based pagination with infinite scroll +- **Sorting and filtering:** done on the server across the whole dataset (genre, platform, price, release year, rating) +- **Details:** a dedicated detail view for each game +- **User-generated data:** ratings, reviews and play-list status (want to play / playing / completed), stored in Postgres +- **Accessibility:** semantic HTML, keyboard navigation, `jsx-a11y` linting and automated axe tests +- **Sustainability:** lazy-loaded small images with an option to turn them off, minimal GraphQL queries, caching, compression and dark mode + +## Status (delivery 1) +Project set up and specification complete. Next steps are the database, the seed script and the GraphQL backend on the VM, due for delivery 2. From 8f40496429dcadede05f708376e3b805c9aad268 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Martin=20God=C3=B8?= Date: Sat, 3 Oct 2026 11:40:59 +0200 Subject: [PATCH 2/2] Update ProjectDescription.md --- ProjectDescription.md | 3 --- 1 file changed, 3 deletions(-) diff --git a/ProjectDescription.md b/ProjectDescription.md index e608704..574ac3c 100644 --- a/ProjectDescription.md +++ b/ProjectDescription.md @@ -20,6 +20,3 @@ The database is seeded from the [Steam Games Dataset](https://www.kaggle.com/dat - **User-generated data:** ratings, reviews and play-list status (want to play / playing / completed), stored in Postgres - **Accessibility:** semantic HTML, keyboard navigation, `jsx-a11y` linting and automated axe tests - **Sustainability:** lazy-loaded small images with an option to turn them off, minimal GraphQL queries, caching, compression and dark mode - -## Status (delivery 1) -Project set up and specification complete. Next steps are the database, the seed script and the GraphQL backend on the VM, due for delivery 2.