# Sprint 1

# Hello-world
-> tein helpon hello-worldin millä katsoin toimiiko react ja että kaikki asennettuna
https://www.youtube.com/watch?v=9hb_0TZ_MVI&t=122s
-> lataa node.js

## Työkalut
-> visual studio code

## käyttö
-> asennus: npx create-react-app hello-world - creates app called hello-world
-> cd hello-world - moves to app folder
-> npm start - starts the app and opens it

## Ongelmat:
yleisiä ongelmia projektissa

### Node.js ei asennettuna
-> asenna

### npx, npm komennot eivät toimi
-> kansion nimessä ei saa olla välejä

# pääprojekti

## aloitus
npm init -y
npm install next react react-dom

npm run dev

## ongelmat:
- react komponenttien nimet pitää kaikkien olla isolla - unohdin tämän
- CSS ei suostu toimimaan:
Global CSS cannot be imported from files other than your Custom <App. Please move all global CSS imports to pages/_app.js. Or convert the import to Component-Level CSS (CSS Modules).

https://www.youtube.com/watch?v=pKMWU9OrA2s
https://www.youtube.com/watch?v=7onGdDzU-Fg
CSS module video

## 6.11
hieman laiskasti päivitellyt tätä. Tein projektiin sivut joka näyttää tältä:

periaatteessa meillä projektissa nyt 2 pöytää joissa soluja. Projektissa myös footer/header komponentit. Tässä kohtaa ajattelin ojentaa tehtävän jatkamisen toiselle niin saadaan aikaan jakoa.

Ajatuksena, että soluihin lisätään onclick() event joka kuljettaa tiedon klikkauksesta eteenpäin. Tästä eteenpäin jatkaa Leevi tässä sprint 1 aikana.

## Sprint 1 aika:
Ei ehkä ole 1-1 oikean käytetyn ajan kanssa. Unohdin välillä klikata ajan seurannan päälle ja kurssilla katsottavaksi esitettyjen videoiden katsomiseen käytetty aika ei ole lisättynä tähän.