Portfolio  >  Att-göra-lista

Att-göra-lista

Bild på javascript webbapplikation i en tablet och en mobilskärm

Område: Webbdesign/webbutveckling
Programmeringsspråk: Javascript

Besök webbplatsen

Om du vill besöka den riktiga sajten kan du klicka på länken här nedanför.
Att-göra-lista webbapplikation länk

Bakgrund

Uppgiften bestod i att skapa en enklare webbapplikation i javascript. Jag valde att göra en så kallad att-göra-lista som man kan använda för att skriva ner och hålla reda på sina göromål. Applikationen ger dessutom användaren möjlighet att lägga till, ta bort och editera de olika posterna.

Mina tankar om arbetet

Jag har valt att hålla mig till en neutral beige färgskala som harmonierar bra med de gyllenfärgade bubblorna i headerbilden. Med bubblorna vill jag förmedla en lättsam och uppgiggande känsla som ger lite energi, vilket kanske kan behövas om man har mycket att göra. När man har skrivit in sitt göromål i inskrivningsfältet visas det nedanför i en lista. Så snart göromålet är avklarat kan man klicka på den runda symbolen i vänsterkanten som då byter utseende till en bock, samtidigt som texten blir överstruken. Rutan som göromålet står i ändrar också färg, för att på så sätt understryka att den har blivit avbockad. Posterna går att radera, om så önskas, genom att klicka på soptunnan längst ut till höger i listrutan. Skulle man vilja ändra något kan man göra det genom att klicka på pennan som finns till vänster om soptunnan. Listan lagras i webbläsarens minne, i localstorage , vilket innebär att den finns kvar även om sidan uppdateras eller ifall fliken stängs ner.

Bild på javascript webbapplikation i en vinklad desktop
Bild på en javascript webbapplikation i en mobil
Bild på en javascript webbapplikation i en läsplatta

Besök webbplatsen

Om du vill besöka den riktiga sajten kan du klicka på länken här nedanför.
Att-göra-lista webbapplikation länk

Om du vill veta mer om vem jag är