Tamagrootchi

Een tamagotchi mini game met Marvel’s Guardians of the Galaxy character ‘Groot’.

Klant:
-
Tech-stack:
Javascript / React / SCSS / Three.js / Redux
Rol:
Front-end Engineer
Jaar:
2021
een mockup van Tamagrootchi terwijl Groot zwaait

Opdracht

Refactor mijn eerste project in Javascript met React en Three.js, om te oefenen met nieuwe technologieën.

Mijn eerste project was een Tamagotchi game met vanilla JS en Lottie.js. Ik vond het idee best grappig en wilde graag kijken hoeveel ik had geleerd in de tussen tijd.

Het was een uitgelezen kans om te oefenen met nieuwe technologie. Zo kon ik ervaring opdoen met een modern framework in React, 3D rendering met Three.js en Redux als state manager.

Groot die aan het dansen is op het midden van het scherm

Omdat de app gebruik maakt van custom fonts en een zwaar 3D model, werkt de applicatie met service-workers op de achtergrond. Hiermee worden de static assets gecached, om de app beter te laten performen op herhaaldelijke bezoeken.

De applicatie gebruikt de SuperHero API om informatie over Groot in te laden. Deze informatie wordt getoond via een modal. Om willen van tijd, is er gekozen om de modal niet zelf te maken maar een package voor te gebruiken.

een open modal met informatie over Groot, en een titel "About Groot"

Werkzaamheden

Bekijk meer