API Website

Brief

The brief for this project was pretty straight forward: use 2 Web API's and 1 content API to create a website with an overview page and a deatail page.

or

(might take a bit to load, thank onrender for that)

3D globe

For the 3D globe part of the overview page I used the globe.gl library which is a data vis tool that displays all sorts of data (in my case API data), onto a 3D projected sphere.

What are takeaways?

The good

✅  Finding a library for mapping 3D data

✅  Being able to create an easy filtering option

✅  Nice and Simple website

✅  Astro components give better oversight onto the project

The bad

❌  Big DOM (loads all API data into the search section)

❌  Slow because of all load data, could've done diffrent fetches or laod a certain part of data first

❌  Filter box doesn't look like you can slide it