Bakgrund
Som många andra så började jag med handarbete under pandemin 2020-2022. Jag började virka så smått. Senare upptäckte jag att det är väldigt skönt att virka medans jag programmerar.
En av många projekt som jag stötte på var temperaturfiltar då man varje dag vid en bestämd tidpunkt kollar vad temperaturen är (oftast där man bor) och låter temperaturen bestämma vilken färg nästa rad på filten ska ha. Så man har i förväg bestämt vilka färger som ska vara för olika temperaturintervaller. I slutet på året får man en randig filt som visar årets temperaturer.
Techstacken
- Typecript
- SASS
- Vite
- React Router
- React Snap
- Hämtar väderdata från
visualcrossing genom REST
Hur jag har arbetat
Jag började på det här projektet innan sommaren 2022 och vi har lärt oss mycket sedan dess, så jag har börjat om 2 gånger. Första gången var för att jag hade med redux, vilket jag sedan kom på kändes väldigt överflödigt men jag lyckades inte få bort det helt så jag tog bort repot och började om. Andra gången var för att vi nu på hösten hade lärt oss om Vite, så jag ville hellre använda det istället för bara React, så att säga.
Det första jag började med var att få upp tabellen och visa datan på ett hyffsat bra sätt. Sedan hoppa jag över till sökningen där man hämtar ny data med ett API ifrån visualcrossing. Jag sparar datan i localstorage.
Medans jag jobbade på att kunna välja data att visa i tabellen så insåg jag hur mycket onödig data jag sparar eftersom jag sparade all data från APIet, utan att användas. Så då skapa jag funktioner för att raffinera datan och bara ha med det jag faktiskt behöver.
Jag får tillslut ihop tabellen med localstorage, jag lyckas med att uppdatera datan i tabellen och boolean värdena i localstorage för om dagen/tiden är avbockad eller inte.
Efter mycket tangentsmatter, kaffe, googlande och hjälp från både klasskamrater och lärare så blev jag tillslut klar med första versionen av Temperaturfilt Guiden. Är den perfekt? Absolut inte. Fungerar den? Ja!
Github repo