---
# System prepended metadata

title: Sprint 1

---


# 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ä: 
![](https://i.imgur.com/0Jj2sua.png)

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.
![](https://i.imgur.com/Lqs1VhH.png)
