Apex Legends Stats

Opdracht

Ik kwam deze tutorial tegen van Brad Traversy en was meteen verkocht, omdat ik zowel een grote fan was van Apex Legends als een vaste kijker van zijn kanaal. Hoewel de originele tutorial in Vue was gebouwd, daagde ik mezelf uit om de volledige applicatie in plaats daarvan met React te herbouwen.

In het begin had ik al wat ervaring met het opzetten van Node.js-servers met Express. Het aanroepen van een externe API vanaf de backend was echter een nieuw concept voor mij, dat ik snel onder de knie kreeg en integreerde.

Ik had een manier nodig om gebruikers te tonen dat de applicatie hun verzoek actief aan het verwerken was. Het implementeren van een op maat gemaakte spinner-component, aangestuurd door een loading state boolean, loste dit effectief op.

Packages

ReactNodeExpressSassHeroku

Bijgeleerd

Gevonden oplossingen

Project Gallerij

Dashboard interface van de Apex Legends tracker met het zoekveld voor gamertagsGedetailleerd overzicht van spelerstatistieken en laatst gespeelde karakters

Andere branches

Voorbeeld van de homepagina
Voorbeeld van de realisaties-sectie
Voorbeeld van de contact-sectie

Stetrics

Een zakelijke website gebouwd voor Stetrics om hun diensten te presenteren en nieuwe kameraanvragen te stroomlijnen.

Bekijk details
E-commerce homepage met het raster van de stripboekenverzameling
Gedetailleerd inventarisoverzicht waarin strips worden gefilterd op publicatiereeks
Realtime zoekinterface met directe resultaatfiltering

Comic Shop

Een serverless storefront zonder overhead, gebouwd om een enorme persoonlijke verzameling te catalogiseren en verkopen, met realtime statussynchronisatie en automatische voorraadaudits.

Bekijk details
Voorbeeld van de homepage van het beheerpaneel
Voorbeeld van een stripboekdetail
Voorbeeld van de uitgeversbeheerpagina
Voorbeeld van de registratiepagina
Voorbeeld van de seriepagina met alle reeksen
Voorbeeld van de gebruikersbeheerpagina

Comic Shortbox

Een virtuele 'shortbox' om je stripboekencollectie te catalogiseren, dubbele strips te koop aan te bieden en ontbrekende nummers van andere verzamelaars te kopen.

Bekijk details