August 2023
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 |
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 Etter
Diverse screenshots
Du kan nå lenke til GitHub og LinkedIn-profilen din!
Søkemenyen ser nå nicere ut:
Før | Etter |
Vi har også forbedret designet til litt av hvert. For eksempel dette:
Før | Etter |
Endringslogg for August 2023
- 🚀 - Ny funksjonalitet
- ✨ - Forbedret funksjonalitet
- 🎨 - Designendring
- 🧹 - Opprydning
- 🐛 - Bugfiks
- 🚀 LEGO-bricks, (lego-webapp#4073)
- 🚀 Bildegalleri (lego#3312)
- 🚀 Profil, du kan nå lenke til GitHub- og LinkedIn-profilen din (lego#3481)
- 🚀 Feide, (lego#3255, lego#3472, lego-webapp#4063, lego-webapp#4088, lego-webapp#4101)
- 🚀 Staging for Opptak, legge til et staging environment for opptak (admissions#1195)
- 🎨 Kort, “success cards” ser nå bedre ut (lego-webapp#4077)
- 🎨 Søkemeny, (lego-webapp#4053)
- ✨ Ny i Abakus (nyiabakus#32, nyiabakus#31, nyiabakus#30, nyiabakus#29, nyiabakus#27, nyiabakus#26, nyiabakus#25, nyiabakus#24)
- 🧹 Vote, vi jobber fortsatt med å skrive om Vote i svelte (vote#583, vote#576)
- 🧹 Dato, komponenten for å velge datoer har blitt refaktorert (lego-webapp#3941)
- ✨ Diverse forbedringer i funksjonalitet (lego-webapp#4056, admissions#1206, lego#3461)
- 🐛 Diverse bugfikser (lego-webapp#4071), (lego-webapp#4038), (lego-webapp#4110), (lego-webapp#4087), (lego-webapp#4072), (lego-webapp#4064), (lego#3471), (lego#3469), (admissions#1208, admissions#1209)