Egy web technológián alapuló játékot készítünk el. Ahol a játékosok művészi képességeiket és kreativitásukat felhasználva egymással versenyeznek. Azért szerettünk volna egy ilyen szoftvert fejleszteni, mivel a Covid lezárások miatt, nekünk is kihívás volt találkozni egymással. A magányos hónapokat nagymértékben lerövidítette volna, egy hasonló játék, amin dolgozunk.
A játékosoknak megadott eszközökkel kell rajzolniuk (például ecset) egy webes felületen. Majd az idő lejártával ezeket a képeket a versenyzők pontozzák és a feladat leírásával legjobban egyező rajzot rajzoló választhatja ki a következő a következő témát. Majd a legtöbb ponttal rendelkező játékos nyerné meg a meccset.
Az alkalmazás modern webes eszközökkel van elkészítve, valós idejű kommunikáció miatt websocketet létesítünk a szerver és a játékos között.
- Frontend könyvtár: React
- Állapot kezelés: Zustand
- CSS sítlus: Tailwind CSS
- Programozási nyelv: Typescript
- Javascript futtatási környezet: Nodejs
- Http szerver: Express js
- Websocket: SocketIO
Klónozd le a projektet:
git clone https://github.com/barnabad/projektmunka2.gitMenj be a "client" mappába, töltsd le és építsd meg a react komponenseket:
cd clientnpm i# ha windows
npm run buildWin# ha linux
npm run buildLinHozz létre egy "certs" mappát a "server" mappa alá:
mkdir ./server/certsGenerálj SSL kulcsokat vagy másold be a meglevő kulcsaidat (cert.pem, csr.pem, key.pem):
openssl req -x509 -newkey rsa:4096 -keyout key.pem -out cert.pem -sha256 -days 365Menj be a "server" mappába, töltsd le és fordítsd át a typescript kódokat:
cd servernpm inpm run buildnpm run start- projektmunka2
- client
- server
Menj be a "server" mappába
docker build -t doodl-cont ./- Szabó Marcell
- Molnár Jakab
- Gogolyák Péter István
- Tóth Barnabás
- Nagy Alex