Build a Game Collection Dashboard

The tech stack for this mission

ReactReact RouterPostgreSQLRailwayBootstrapVercel

What you learn, checkpoint by checkpoint

1. Checkpoint A

   Build the React UI with routes and reusable components

   • Set up a React project and split the UI into reusable components
   • Add React Router so the app has multiple views and clean URLs
   • Pass data with props and manage local state with useState

2. Checkpoint B

   Connect a PostgreSQL database on Railway and load the collection

   • Provision a PostgreSQL database on Railway and connect it to your app
   • Read the game collection from PostgreSQL and render it live
   • Model your PostgreSQL tables and columns sensibly

3. Checkpoint C

   Add, edit and delete games, then deploy

   • Add new games and update existing ones in PostgreSQL
   • Delete games and reflect every change in the UI immediately
   • Handle loading and error states, then deploy to Vercel