This is a real-time web application implementing a classic card based juoma game.
The backend runs on Node.js and the frontend is built with React. The real-time communication between the server and the client is implemented with the socket.io library.
- Run
npm installandnpm startto start the backend server - Go to
./frontend/and runnpm installandnpm startto start thecreate-react-appdev server serving frontend files - Navigate to
localhost:3000in your browser
For production, we want a single server instance to serve both the backend service (connected via socket.io) and the frontend resources (the React app).
- In the
./frontend/dir, inApp.jsx, the client connects to the socket.io backend withsocketIOClient("localhost:8080"). Remove the url. This makes the socket connect to the application url. - In
./frontend/, runnpm run buildto create a production build of the frontend resources (the React app) - Run
npm startin the project root to serve both the static resources and the socket.io connection through the same port