Developing and designing a data-driven web project which has become an extensive and detailed archive of SpaceX's past missions as well as a helpful tool to plan for watching the next launch. As part of this I also maintain the extensive data set used by the site.
Projects within this activity
lazy-imagesPerformant and smooth image loading for the modern web
Image loading
Been developing a modern solution for loading images in a smooth fashion for the web.
Where other solutions tend to hold off on loading images until they are in the viewport, this solution takes note of when the page is idle to load images in the background with a sorting order based on the distance to the current viewport. In fact, it is used on this very page.tech:
TypeScript
React
nyckelAuthentication for hybrid web apps
Authentication
A fairly extensive Auth0-interfacing collection of TypeScript modules that allow authentication with Auth0 throughout a hybrid web app, consisting of both browser- and server rendered frontends as well as backends. Authentication is handled as distributed sessions containing JWTs that are cross-validated when permissions are necessary, to prevent stale tokens.tech:
TypeScript
Auth0
Jest
ikonIcon creation for web apps
Icons
What started out as a lack of properly adjustable icons ended up as a React/JSX-based icon creation framework, which generates all the icons a modern web app requires. This is done by letting icons be responsive to their intended size and styled using CSS.tech:
React
TypeScript
Puppeteer
precision-countdownCounting down with precision in mindno description yettech:
Jest
Space CountdownA detailed archive of SpaceX flights
SpaceX
Rockets
Website
A project which started around the summer of 2016, which at the time aimed at being a good source of information for the for-the-moment next SpaceX mission. After a few start-overs along the way, it has become an extensive and detailed archive of SpaceX's past missions as well as a helpful tool to plan for watching the next launch.tech: