Skip to content

Latest commit

 

History

History
48 lines (42 loc) · 1.83 KB

teknologiat.md

File metadata and controls

48 lines (42 loc) · 1.83 KB

Teknologiat

Client

Nimi Mitä tekee
axios Mahdollistaa tiedon hakemisen serveriltä
formik/yup Käyttäjän syötteen validointi
react Javascipt kirjasto käyttöliittymän tekoon
chart.js/react-chartjs-2 Kirjastot kokonaiskierrätysastetta visualisoivan kuvaajan esittämiseen
react-leaflet Kirjasto karttakomponentin esittämiseen
react-checkbox-group Kirjasto suuren checkbox-joukkion esittämiseen
@testing-library/user-event Simuloi vuorovaikutusta selaimen kanssa testeissä
Zustand React sovelluksen Tilan hallintaan helpottamaan valittu kirjasto
Eslint Avulla noudatetaan tiettyä koodityylin standardeja

Server

Nimi Mitä tekee
bcrypt Salasana hash arvoksi
cors Mahdollistaa clientin HTTP pyynnöt serverille
dotenv Mahdollistaa .env tiedoston käytön
express Reititys taulu
mongoose Kirjasto mongoDB käytön helpottamiseksi
mongoose-unique-validator Mahdollistaa validoinnin ennen tallennusta
Eslint Avulla noudatetaan tiettyä koodityylin standardeja
jsonwebtoken Pystytään säilyttämään käyttäjän tokeni, jolla voidaan varmistaa kirjautuneisuuden pysyvyys
multer express middleware tiedostojen lataamiseen ja käsittelyyn

Tietokanta

mongoDB dockerissa

Testit

Jest - Yksikkötestausta, jonka avulla voidaan testata toiminnallisuuksia, ilman että ne ovat riippuvaisia toisistaan

Cypress - End 2 End testaus, jonka avulla voidaan simuloida oikean käyttäjän toimintaa sivustolla

Työkaluja

  • Visual studio code
    • lisäosia

    • käytettyihin kieliin liittyvät lisäosat
    • draw.io integration
    • Live Share yhteiskoodailuita varten
    • Eslint
    • REST Client
  • Postman
    • Api collection, johon lisätty joitain apiresursseja
  • Screen
    • Terminal multiplexer. Helpottaa kehitysympäristön käynnistämistä.