---
# System prepended metadata

title: Sprint 4

---

# Sprint 4

## Tavoitteet
Eri palojen yhdistelemistä

Front end: 
UI loppuun; drag and drop ja ampuminen

Backend:
Tieto ampumisesta toiselle ja tieto takas osuiko
reduxin jatkamista

## tehdyt asiat
-> parantelin projektin ulkonäköä
-> Drop toistot (100kpl) field.js tiedostossa ja ID asettelu 
-> projektin yhdistämistä
-> tein kuvia mitä voitaisiin käyttää projektissa
-> Aloin käymään full stack open kurssia Helsingin yliopistolta kerratakseni React osaamista.


## Projektin yhdistäminen
-> projektin front end saatiin kivuttomasti yhdistettyä Mikaelin tekemiin asioihin
-->  npm i socket.io
--> npm i socket.io-client

## ongelmia
-> solujen kuvien koko https://stackoverflow.com/questions/22862618/asp-wrap-image-inside-a-table
![](https://i.imgur.com/wtaJlOO.png)
Ei halua ottaa lähteeksi css tiedostoa
-> liittyy jotenkin JSX toimintaan

-> en oikein tiedä mitä Leevi on tehnyt. Aloin tekemään front endiä paremman näköiseksi
--> odotan mitä leevi tekee maanantaihin mennessä ja parantelen sivun yleistä ulkonäköä 

-> drop toiminnallisuus soluille
--> kopioidaan drop ja numeroidaan ne, ei ehkä paras käytäntö, mutta en osaa jalostaa tuosta omilla taidoillani mitään parempaa

## aika

![](https://i.imgur.com/NI6I3rs.png)
![](https://i.imgur.com/M1QGJrb.png)
noin 11 tuntia 20 minuuttia yhteensä
