Portfolio  >  Horoskop-applikation

Horoskop-applikation

Bild på horoskop react webbapplikation i en mobilskärm samt en läsplatta

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

Besök webbplatsen

Om du vill besöka den riktiga sajten kan du klicka på länken här nedanför. Observera att det här är en demo-applikation. Detta innebär att det är två olika horoskop som visas för respektive stjärntecken, ett för dagen samt ett för morgondagen, men horoskopet förnyas inte från dag till dag.
Horoskop webbapplikation länk

Bakgrund

Uppgiften bestod i att skapa en applikation med hjälp av ett JavaScriptramverk. Här valde jag att arbeta med React eftersom det ramverket lämpar sig bra för mindre applikationer såsom den horoskopapplikation som jag planerade att göra. Vidare skulle applikationen ha en genomtänkt design med knappar, menyer och kanske även animation.

Mina tankar om arbetet

Applikationen består av sammanlagt tretton bilder: dels en bild av zodiakhjulet på startsidan, dels de tolv akvarellmålade bilderna av stjärntecknen. På startsidan får användaren välja om hen vill se sitt horoskop för dagen eller för morgondagen. Därefter visas en sida som innehåller samtliga tolv stjärntecken. Varje tecken är klickbart och leder till en sida med det valda stjärntecknets horoskop.

Jag har arbetat med tre ljusa färger eftersom jag ville åstadkomma en neutral färgmiljö som inte skulle ta fokus från stjärnteckenbilderna, som i sig är relativt färgstarka. Även om bilderna är färgstarka har de ändå lätta och skira färger eftersom de är akvareller, vilket ger ett lugnt intryck och harmonierar bra med den återhållsamma tonen i de övriga färgerna som används, samtidigt som de övriga färgerna hjälper till att lyfta fram de färgglada stjärnteckenbilderna. Jag valde att sätta en animation på zodiakhjulet så att det snurrar medsols i en långsam hastighet. Animationen tillför startsidan en rogivande rörelse och lite dynamik, vilket i sin tur gör sidan mer levande, utan att för den skull bli för iögonfallande.

Bild på horoskop react webbapplikation i en datorskärm
Bild på horoskop react webbapplikation i en datorskärm
Bild på horoskop react webbapplikation i en läsplatta
Bild på stjärnteckensidor i två mobilskärmar

Besök webbplatsen

Om du vill besöka den riktiga sajten kan du klicka på länken här nedanför. Observera att det här är en demo-applikation. Detta innebär att det är två olika horoskop som visas för respektive stjärntecken, ett för dagen samt ett för morgondagen, men horoskopet förnyas inte från dag till dag.
Horoskop webbapplikation länk