Det svåraste som finns är att göra något om sig själv. Jag hatar det, har alltid gjort och kommer att alltid att göra och efter år av portfolios som har avlöst varandra snabbare än bolagskonkurserna 2024 hade jag flera år där jag inte hade något digitalt hem.

Men så för ett halvår sedan föddes idén om att börja satsta på teknisk SEO och framför allt göra snabbhet som största prio. Det hade jag, trots mina nästan 15 år i branschen aldrig riktigt fokuserat på förut. Vilken rolig utmaning tänkte jag och började spåna. 

Fram växte den här sidan som har fått ett slimmat hölje att vila sin snabba arkitektur på. Tanken var inte att översvämma platsen med text och stora bilder utan att göra något litet och kompakt, något konkret och framför allt relevant. 

Den är utvecklad och designat enligt principen Mobile First och använder sig av server-side JavaScript i Next.js, något jag tidigare aldrig riktigt jobbat i. Färvalet av det lila/mörka var tänkt att göra det "cinematiskt" utan att för den delen tråka ned det och innehållet skulle då får prata istället. 

Projektet tog tre månader att ta fram och den mest tiden ägnade jag åt att läsa mängder med artiklar om teknisk SEO och vad den lilla enskilda firman i Kaliforninen (läs Google) helst vill att man ska ha, vilket år 2024 faktiskt inte är så tokigt. 

Portfolio-webb i React och Next.js

Tänk att alla historiens bästa idéer alltid börjar med tanken 

"Allt annat är skit, då får jag bygga det själv då"

. Den här gången var inget undantag. Precis som med min andra dashboard som du kan läsa mer om 

, ville jag skräddarsy en lösning som var precis enligt dom behov jag hade. 

Vid tidpunkten hade jag fyra Raspberry Pi's påslagna hemma som fungerade både som webbservrar och NAS-servers och behövde något som sammanknöt allt och samtidigt släckte mina kontrollbehov för övervakning. Efter ett par veckors R&D hittade jag ett API  (

) som faktiskt gjorde precis det jag ville.

Att välja Vue som frontend var mest för att testa på känna skillnaden från till exempel React och inlärningskurvan var definitivt inte alls lika hög. Jag gillar Vue väldigt mycket, det är enkelt och koncist och för det här projektet var det perfekt.

EndRPi var enkelt och få igång och designen/protypingen tog mig bara några veckor medan själva utvecklingsarbetet tog cirka en månad. Jag hade förbaskat kul under projektet och det blev en välkomnande paus ifrån pandemin som då gick på högvarv utanför. 

Den största nackdelen med ENDRpi var att den endast fungerade lokalt (alltså att alla enheter fanns på samma wifi), så den skulle aldrig gå att använda på resande fot men som ett enkelt test fungerade den riktigt bra.

ENDRpi läste bland annat av enheternas temp, clock speed, minne och upptid allt förpackat i mitt egna UI, skrivet för hand med SCSS. 

Raspberry Pi System Monitor i Vue

Det började med att jag alltid lyckades komma försent till tunnelbanan där jag bodde i Råcksta under ett par år. SL:s egna app var vid tidpunkten ett UX/UI-haveri och omöjlig att snabbt få en överblick över kommande turer utan att för den delen snubbla eller feltrycka ur sig ur appen när stressen att hinna med tåget bet tag i en.

Så jag gick hem och funderade hur jag skulle kunna göra en egen version med ett enkelt och snabbt överskådligt UI. Målet var att jag bara skulle vrida huvudet lite lätt för att se exakt när nästa tåg skulle komma. 

Rent tekniskt visste jag om att det fanns ett API (från 

) som jag hade fingrat lite på under studieåren som hade Realtidsinformation och arbetet var igång.

Det tog mig ungefär två månader från skiss, design/prototyp till färdig app och användadet av både React och Axios (för att hantera multipla anrop samtidigt) var något jag fick lära mig under resans gång. React hade jag visserligen använt lite grann tidigare men inte på det här sättet. 

När projektet var klart laddade jag upp den färdigbyggda appen på min dåvarande webbserver (En Raspberry Pi 4) och med hjälp av en gammal Nexus 7-platta med någon gammal Android fick den stå i vardagsrummet, så var det bekymret bortblåst. 

Projekt

Portfolio-webb i React och Next.js

Raspberry Pi System Monitor i Vue

Tunnelbana tabell-app i React/Axios