Hide and Squeak

I made some small improvements to make the UI nicer to use in preparation for shipping an MVP:
* Add some extra text to the current-game debug screen
* Add a button to leave the game (in the future I'll have proper user accounts for managing this stuff)
* Show the game you're in at the top of the app

I fixed the development instructions so that they work without any troubleshooting required on a new machine. I also organised the components into their own folders.

I deployed the project to has.slevel.xyz! This involved a lot of struggling with Docker images and deployments, but I got it to work in the end.

Other improvements:
* Added a location indicator and a button to show your location
* Added a button to the map screen to zoom to the game bounds
* Improved README file (deployment instructions)
* Started work on a better bounds selector (shelved for now)

I've implemented game creation, and displaying a game's area on the Map screen! Also added a temporary game info screen, and a splash Map screen for when you're not in a game.

The Docker image is on Docker Hub now!

I've been working on actually dockerising the app! I started off wanting to have the frontend and backend as separate containers, then I realised I needed to just have one container to fit the requirements for the Dockerise YSWS, so I did that.

I spent a lot of time debugging issues with running yarn install inside Docker containers, and generally learning how to deploy Node.js apps in Docker. It seems to all work now though! Next steps: properly test it, write deployment instructions, publish to Docker Hub

Added a dummy Create a game screen, and updated the database to use PostGIS. Also researched different coordinate systems (EPSG 4326 vs EPSG 3857) and decided to use 3857. Wrote a procedure for creating a game that takes in GeoJSON.

Tried using Prisma's experimental PostgreSQL extensions feature, but it didn't seem to do anything, so I dropped it.

I integrated the tabs component into the UI! It mostly worked first try, but I had to ensure I was using the checked attribute (not selected) and move the .tabs.tabs-box markup outside of the Tabs component

Learnt how to use Context with Voby to make a tabs component. Haven't tested it yet, so fingers crossed it works as I expect it to!

I managed to add data to the database for the first time!

I wrote TSX for the form fields, some TypeScript that uses tRPC to send the data to the backend, and then the backend uses Prisma to add the player to the game in the database. I'm very happy to see it all working!

I've implemented a bottom navigation bar that can switch between screens, and a tRPC API that will be used as the backend for the app.

I also added a join a game splash screen (doesn't function yet)

Added Tailwind and daisyUI to the project. Used the theme builder to create a slightly-customised theme for the app, and then modified it to create a dark theme too.

The journey begins! I initialized a Voby project using the PWA template, created a tsconfig.json (because apparently the template doesn't include that?!), customised all the branding to be Hide and Squeak and used @vite-pwa/assets-generator to generate icons.

Then I turned the whole thing into a monorepo, ready for a backend folder to be created :O

Next step: Either adding Tailwind (with shadcn/ui or daisyUI) or deciding how to do the backend (Node.JS I guess)