Technical Documentation

Sisällysluettelo

• Projektiin osallistuminen
• Teknologiat
• Kloonaus ja asennus
• Center
• Color

Nakittaja-projektiin osallistuminen (#guide)

Tässä dokumentaatiossa käydään läpi, kuinka voit kloonata Nakittajaprojektin GitHub-repositoriosta ja asentaa tarvittavat riippuvuudet projektiin pääsemiseksi käyntiin omalla koneellasi.

Käytetävät teknologiat ja niiden asennus {#tech}

Ennen kuin aloitat, varmista, että sinulla on seuraavat asennettuna:

• Git
• Node.js
• ReactNative
• Eslint

Voit tarkistaa, onko sinulla nämä työkalut asennettuna ajamalla seuraavat komennot komentorivillä:

git --version
node --version
npm --version 

Jos jokin näistä ei ole asennettu, asenna ne ennen jatkamista.

Suositellut versiot yhteensopivuuden takaamiseksi:

• Git 2.44.0
• Node 21.7.1
• Npm 10.5.0

Projektin kloonaminen {#clone}

• Suosittelemme käyttämään keskitettyä Github kansiota, jonne haet aina kaikki repot jotta kansiot pysyvät siistissä järjestyksessä koneellasi.
• Mene ensin kansioon, johon haluat repon kloonattavan.

$ cd ~/Github
$ git clone git@github.com:Twig-the-code/nakittaja.git
$ cd nakittaja

Repositorion kloonamisen GitHub -dokumentaatio

Riippuvuuksien asentaminen {#install}

• Sen jälkeen, kun olet kloonannut repositorion omaan ympäristöön asenna projektin riippuvuudet.
• Varmista, että olet /nakittaja kansiossa
• npm install alias npm i asentaa package.js tiedostossa määritellyt riippuvuudet node_modules kansioon

$ npm i

Käynnistäminen {#custom-id}

Voit nyt käynnistää sovelluksen komennolla npm start

Mikäli haluat nähdä sovelluksen myös älypuhelimessasi, asenna ensin Expo Go puhelimeesi tästä linkistä. Tämän jälkeen avaa puhelimessa Expo Go sovellus ja skannaa koodi. Expo Go -sovelluksen käyttö ei vaati kirjautumista.

Huom! Puhelimen pitää olla samassa verkossa kuin jossa ajat sovellusta. Tarkista siis onko puhelin kytketty samaan wifi-verkkon kuin tietokoneekin.

• Jos et tavoita vieläkään sovellustasi puhelimellasi, tarkista palomuurisäännöt.

Expo CLI

• dfgdg

Sovelluksen arkkitehtuuri

Tietokanta arkkitehtuuri

React Native App

Documentation: https://reactnative.dev/

React-native base framework

Document: https://reactnative.dev/docs/environment-setup