Horoskop-applikation

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
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.




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