August 2023

Skrevet av haukkagu

Velkommen tilbake til utviklerbloggen! Hvis du aldri har lest utviklerbloggen før, er dette en blogg der vi i Webkom legger ut månedlige innlegg om hva vi har jobbet med den siste måneden. Den siste måneden har vi jobbet med å lage vårt eget komponentbibliotek og gjort opptaksiden klart til komité- og revyopptaket!

LEGO Bricks

På abakus.no har vi mange komponenter som knapper, tekstinnsetningsfelt, dropdownmenyer og tabeller som vi har laget selv og som har sin egne unike stil. Vi har lyst til å bruke disse komponentene i andre prosjekter, sånn som opptaksiden og VOTE, men systemet vi har nå er ganske clunky. For hvis vi nå endrer på en komponent i frontenden for abakus.no, vil ikke de endringene overføre til den tilsvarende komponenten i de andre prosjektene. Derfor ser knappene på f.eks opptaksiden litt eldre ut enn det de gjør på abakus.no (se bildet under), ettersom vi ikke har fått oppdatert dem enda.

For å løse dette problemet har vi utviklet vårt eget komponentbibliotek som vi kaller for “lego-bricks”. Komponentene vil da bli tilgjengelig gjennom en npm-pakke, slik at alle våre andre prosjekter kan gjenbruke disse komponentene gjennom å bruke pakken. Vi er ikke helt ferdig med å overføre alle komponentene over til lego-bricks, men vi er på god vei! Du kan sjekke ut lego-bricks her.

(En kort technical note) Vi har valgt å bruke lego-bricks inni et monorepo. Det betyr at istedenfor å opprette et separat github-repo med navn lego-bricks, valgte vi å legge lego-bricks-pakken inni repoet for frontenden vår. Dette gjør det enklere for oss å se endringene umiddelbart på nettsiden når vi endrer på en komponent. Da slipper vi hasselet med å publisere en ny pakkeversjon, pulle den nye versjonen i frontenden for å dermed se endringene.

Knapp på opptak.abakus.no Knapp på abakus.no
gammel knapp ny knapp

Opptaksiden

Nå er det opptak for abakus (whoop whoop), og da har vi måttet refreshe opptaksiden. Vi har faktisk fått gjort ganske mye siden i fjor!

Tidligere har opptaksiden vært ganske buggy. Man har ikke kunnet ha flere opptak, som komité- og revyopptak, gående samtidig. Nye opptak kunne heller ikke bli opprettet på nettsiden, men måtte bli opprettet i terminalen, som var veldig kronglete. Nå har alt dette blitt fikset. I tillegg har kodekvaliteten blitt bedre, og vi har tatt i bruk nye (og kulere 😎) teknologier. Vi bruker nå Vite istedenfor Webpack, poetry istedenfor pip og TypeScript istedenfor vanlig JavaScript. Hvis du har lyst til å ta en kikk på koden kan du finne den her.

Åja. Vi redesignet også startsiden:

Før gammel fronttpage Etter ny frontpage

Diverse screenshots

Du kan nå lenke til GitHub og LinkedIn-profilen din!

github-linkedin-profile

Søkemenyen ser nå nicere ut:

Før Etter
before after

Vi har også forbedret designet til litt av hvert. For eksempel dette:

Før Etter
before after

Endringslogg for August 2023


← Tilbake