Skip to content

Marcusey/Gridsock4

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

Gridsock4 Gruppuppgift: Gridpainter

För att starta klienten, skriv i terminalen i client\socket-client:

npm run dev

För att starta servern och databasen, skriv i terminalen i server:

  • npm i mysql2
  • npx nodemon start

Installationer servern🔧

  • Express generator
  • Socket.io
  • Cors
  • Crypto JS

Installationer i Frontend (client) 🔧

  • VITE
  • socket.io-client

Öppna clientsidan i webbläsaren:

http://localhost:5173/

Databasens lösenord m.m:

  • host: "localhost",
  • port: "3306",
  • user: "gridsock4",
  • password: "gridsock4",
  • database: "gridsock4",

Beskrivning av uppgift:

Verktyget

Ni skall tillsammans i eran grupp ta fram en applikation för att färglägga online. Färgläggning skall ske i realtid mellan samtliga inloggade i applikationen, minst 4 st. Varje användare får en färg och målar med den färgen. Färgning skall ske i ett rutnät med minst 15 kolumner och 15 rader.

Chat – Det skall finnas en chat så att de 4 användare som färgar även kan chatta med varandra.

Spara – En bild skall kunna sparas och öppnas igen.

Bonus! Applikationen skall deployas på Digital Ocean så att vi kan rita ihop!

Spelet

Skapa minst 5 st bilder “facit” som slumpas när en session börjar, bilder innehåller de färger som deltagarna är tilldelade. Samtliga användare ser orginalbilden och nu skall deltagarna på tid försöka tillsammans måla en bild som är så lik orginalet som möjligt, genom att färglägga med sin tilldelade färg.

När alla klickat på “Klar” så skall bilden “rättas” för att se om det var rätt. Visa korrekthet i %.

Bilderna kan vara intingen “pixelererade” bilder på riktiga bilder. Eller helt slumpade mönster. Välj svårighetsgrad själva.

Inlämning:

När ni skapar ert repo på github för projetet bjud även in mig “Kemikal” till repot.

Fredag 15 mars

kommer alla grupper att få en presentationstid där ni skall demonstrera ert arbete och live visa hur långt ni har kommit. På itslearning skall ni lämna in ett dokument med en kort beskrivning för ert projekt samt länkar till repo samt deployad version.

Deadline söndag 17 mars.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •