PORTFOLIO

Nedan ser du exempel på skolprojekt jag skapat med HTML, CSS och JavaScript samt diverse ramverk och bibliotek.

Skoluppgifter

Nedan följer några exempel på uppgifter jag utfört inom ramen för min utbildning till frontendutvecklare hos EC Utbildning.

SINGLE-PAGE APPLICATION

VUE:
Applikation för matbeställning

Som tenteringsuppgift för Vue fick vi uppgift att göra en single-page application för en e-commerce. Eftersom jag gillar mat valde jag att göra en onlinebeställning till en fiktiv restaurang.

Intressanta features:

  • autenticering för att logga in (senast vid beställning)
  • användning av Vue Store för att hålla ordning på menyartiklar, innehåll i varukorgen och autentisering
  • lägga till portioner på menysidan
  • ta bort portioner på varukorgssidan
  • användning av Vue Router för navigering mellan sidorna
  • användning av Params i Vue Router för att skapa nya sidor baserat på innehållet i databasen (detaljinformation om menyartiklarna)
  • användning av ett egenbyggt webb-api i Node.js för hämtning av databas

 

SINGLE-PAGE APPLICATION

React:
Applikation för matbeställning

Som tenteringsuppgift för React fick vi i uppgift att återigen skapa en e-commerce.

Jag valde att återanvända mitt content från Vue-uppgiften, men funktionerna är annorlunda.

Intressanta features:

  • användning av Redux för att spara menyartiklarna efter att de hämtats från en extern databas samt för att hantera varukorgen
  • lägga till upp till fem portioner i varukorgen från menysidan
  • lägga till och dra ifrån portioner på varukorgssidan
  • användning av React Router för navigering mellan sidorna
  • användning av Params i React Router för att skapa nya sidor baserat på innehållet i databasen (detaljinformation om menyartiklarna)
  • verifiering av formulärfält för beställning
  • skicka iväg beställning till en databas

 

SINGLE-PAGE APPLICATION

ANGULAR:
CV ONLINE

Som tenteringsuppgift för Angular fick vi en mycket enkel uppgift: att skapa ett CV online.

 

Features:

  • användning av Angular Router för navigering mellan sidorna
  • användning av NgForm samt verifiering av formulärsfälten för e-postformuläret (kopplad e-postklient saknas, eftersom det inte ingick i uppgiften) 

Frilansarbete

Nedan ett betalt arbete som jag utfört åt Röda Korset Uppsala.

Webbplats i WordPress

WordPress:
Kalendarium & Länksamling

Jag fick i uppdrag av Röda Korset Uppsala att bygga en webbplats för nyanlända: Integration Uppsala. Den skulle vara så enkel som möjligt, men innehålla

  • en länksamling till olika resurser
  • ett kalendarium för olika evenemang som inriktar sig till nyanlända
  • en mejlfunktion där samarbetspartners kan anmäla evenemang att lägga in i kalendariet

Jag byggde webbplatsen med hjälp av Divi från Elegant Themes, använde insticksprogrammet The Events Calendar som kalender och anpassade designen med hjälp av CSS för att knyta an till Röda Korsets typografiska profil.