fruitlog-header

Takaisin etusivulle

Projektin nimi
Fruitlog

Vuosi
2020

Asiakas
Näyttötyö
SASKY

Avainsanat
UI-suunnittelu
UX-suunnittelu
HTML
CSS
JS
React
Dokumentointi

Fruitlog-sovellus

Suunnittelemani ja toteuttamani näyttötyösovellus pohjautuu datanomin tutkinto-ohjelman kurssilla toteutettuun React-kulukirjanpitosovellukseen.

Fruitlog-sovelluksen avulla käyttäjän on mahdollista syöttää päivän aikana syödyt kasvikset, seurata tuleeko päivän saantisuositus täytettyä sekä muokata ja poistaa tietoja. Sovellus koostuu etu-, info-, asetukset- ja tilastosivuista. Käyttäjän on mahdollista kirjautua palveluun sisään Google-tunnuksilla ja sovellus on julkaistu Firebase-alustalle. Vein koodin myös Git-versiohallintaan ja julkaisin sen GitHub-palvelussa. Koodauksen ohella tein työstäni myös kattavaa dokumentaatiota, joka sisältää tietoa sovelluksen tavoitteesta, toiminnasta ja testaamisesta.

"

Näyttötyössä on lähdetty rohkeasti toteuttamaan omaa sovellusta ja se oli toteutettu sinnikkäästi toimivaksi, todella upeaksi sovellukseksi.

-Pekka Aalto, lehtori ja opettaja

Näyttötyö tarjosi itselleni ennen kaikkea syventymisen CSS:sään ja “turvallisen” tutustumisen Reactin maailmaan, sillä sovellus pohjautui teknisesti hyvin pitkälle kurssilla yhdessä toteutettuun harjoitustyöhän. Pääsin myös ensi kertaa käyttämään siirtymä- ja mikroanimaatioita Framer Motion-kirjastoa ja CSS:sää hyödyntäen. Animaatiot elävöittävät sovellusta ja tekevät siitä siitä käyttäjäystävällisemmän. Arvosteluasteikolla 1-5 sain työni arvosanaksi 5.

Fruitlog-dokumentaatio
Linkedin Instagram