Week 5 - jornveltrop/ilojo-bar Wiki

Stand-up Joost

Joost vertelde in deze stand-up wat administratieve zaken die gedaan moeten worden voor de afronding van de Meesterproef. Over hoe het precies zit met de product biografie en reflectie. Ook vertelde Joost om nog eens goed te kijken naar de zero state van de applicatie. Is het duidelijk genoeg? Daar zullen we in de laatste dagen nog naar kijken.

Performance & Progressive Enhancement

Maandag ben ik tot laat op school gebleven om de performance te optimaliseren. Ook ben ik gaan werken aan PE (Progressive Enhancement).

Performance

Voor performance heeft Jeany caching toegevoegd met de service worker, daarboven op heb ik nog browser caching erbij gedaan.

app.use(function(req, res, next) {
    if (req.method == "GET" && !(req.rawHeaders.toString().includes("text/html"))) {
        res.set("Cache-control", "public, max-age=31536000")
    }
    next()
})

Verder is compression toegevoegd in de app.js

// Compress alle responses
app.use(compression())

Ook ben ik in Lighthouse gaan kijken wat er allemaal beter kon qua performance. Ik heb daarvoor vooral de afbeeldingen kleiner gemaakt en geoptimaliseerd (compressed & format)

Before

After

Progressive Enhancement

<picture>
   <source srcset="/images/close.webp" type="image/webp" >
   <source srcset="/images/close.png" type="image/png">
   <img src="/images/close.png" width="477px" height="478px" alt="Close button">
</picture>

Dinsdag documentatie-dag

Uiteraard, ook even de documentatie bijgewerkt.

Puntjes op de ï

De laatste dagen hebben we wat laatste bugs en elementen aangepast. Het menu is nu iets beter geworden en ik heb de CSS en JS bestanden geminified in het build script.

Toen we helemaal klaar waren hebben we het project gedeployed:

Ilojo Bar live demo

Conclusie

Ik moet zeggen dat ik nog nooit zo'n goed lopend project heb gehad. Ik had mij deze minor voor genomen om al het werk tijdens werk uren op de campus te doen. Dit is gelukt! Hierdoor is alles volgens planning gelopen en verliep de samenwerking met Jeany super. Al met al, zeker een geslaagd project!

⚠️ **GitHub.com Fallback** ⚠️