This is a mini-project to support the player in the game No Man's Sky. It is part of a suite that together forms a player-aid whilst navigating through the game world.
Specifically, this is a user interface to display the elements and refiner recipes from the game, consuming data from the sister API project which houses and surfaces the needed data.
I wanted a small project to get to grips with modern React and Typescript development -- whilst also having started playing the game again for the first time in a while, and so needing to remember/reference the refiner recipes for different elements.
Even though this sort of thing exists already on various wikis, it was a good problem to form some learning around.
I started with a basic scaffolding of a React app, using Vite to generate a Typescript-based project. From there, I added API consumption and models, pages to display the results, and then refined the basic pages into a few different components with some basic styling.
- Search for an element
- Display of chains of elements
- Tests