Full Stack projektin katselmointi

[Kaltsoon]

Full Stack projektin katselmointi

Terve @lehtoneo! Tässä lyhyt katselmointi Full Stack kurssin projektistasi. Katselmoinnissa esitetyt kommentit ovat parannusehdotuksia, joita voit halutessasi ottaa huomioon tässä tai tulevissa projekteissasi. Mitään muutoksia tähän projektiin ei siis ole pakko tehdä suoritusmerkintää varten.

Käytettävyys

Mitä tein?

• Rekisteröin uuden käyttäjän
• Lisäsin joukkueen
• Lisäsin, muokkasin ja poistin tapahtumia
• Katsoin omia tapahtumiani
• Kirjauduin ulos

Kokemus

• Joukkueen hallinta -sovelluksella on tyylkäs ja käyttäjäystvällinen käyttöliittymä, hienoa työtä! 🥇
• Lomakkeissa on hyvät validoinnit ja toimintojen jälkeen käyttäjälle ilmoitetaan selkeän ilmoituksen avulla, mitä sovelluksessa tapaahtuu
• Tapahtuman lisäämisen, tai poistamisen jälkeen tapahtumalista päivittyy vasta kun käyttäjä päivittää sivun
• Olisi kätevää, jos käyttäjän omat tapahtumat voisi nähdä jonkinlaisessa kalenterinäkymässä

Koodi

• Frontend-puolen koodi on selkeästi organisoitua, hyvä!
• Hookeja on hyödynnetty erinomaisesti abstrahoimaan sovelluslogiikkaa
• GraphQL-koodi on organisoitu järkevästi graphql-hakemistoon. Kyselyissä voisi harkita fragmenttien hyödyntämistä
• Uudelleen käytettävät komponentit, kuten Button tekevät käyttöliittymästä johdonmukaisen ja vähentävät koodin toisteisuutta. Tailwindia on myös hyödynnetty järkevästi, mäppäämällä propseja Tailwind-luokkiin
• TypeScriptia on hyödynnetty erinomaisesti. On erilaisia työkaluja, joilla GraphQL-skeemasta saa generoitua TypeScript-tyypit automaattisesti. Tämä vähentää turhaa näpyttelyä ja varmistaa sen, että tyypit on aina ajantasalla, kun skeemaan tulee muutoksia
• Myös backend-puolen koodi on selkeästi organisoitua, hienoa!
• GraphQL-skeeman määrittely on pilkottu osiin, jolloin koodin ylläpidettävyys helpottuu. Vahvasti tyypitetty skeema on toteutettu järkevästi type-graphql-kirjaston avulla
• TypeScriptiin soveltuvista ORM-kirjastoista typeorm vaikuttaa erittäin hyvältä vaihtoehdolta. Olen itse viime aikoina tutustunut Prisma-kirjastoon, jossa on myös paljon potentiaalia

Kokonaisuus

Joukkueen hallinta -sovellus tarjoaa käyttäjälle tarvittavan toiminallisuudeen joukkueiden ja niihin liittyvien tapahtumien hallintaan ja tarkasteluun. Sovelluksen käyttöliittymä on helppokäyttöinen, eikä katselmoinnin aikana ilmennyt suurempia bugeja, tai käytettävyysongelmia. Projektin koodi on kokonaisuudessaan organisoitu selkeästi ja sen laatu on erittäin hyvä. Toteutuksessa on hyödynnetty erinomaisesti TypeScriptiä ja vahvaa tyypitystä tukevia kirjastoja. Hieano työtä!

[lehtoneo]

Kiitos kattavasta palautteesta @Kaltsoon .

Täytyykin tutustua Prisma-kirjastoon. Voin suositella ainakin tämän projektin kokemuksien perusteella typeormia ja type-graphql:ää. Nuo toimivat yhdessä todella hyvin.