SpecialProject - Split Architecture

This project is split into two independent applications:

📱 Client (/)

React Router web application running on http://localhost:5173

Start client:

npm install
npm run dev

🖥️ Server (/server)

Node.js/Express Socket.io server running on http://localhost:3000

Start server:

cd server
npm install
npm run dev

This server/ folder is prepared to be split into its own branch or repository. See server/README.md for detailed extraction commands and notes.

Architecture

• Client: React Router app that connects to the Socket.io server
• Server: Express + Socket.io for receiving signals from the client and logging them to terminal

When you click the button in the client, it sends a signal to the server which logs it to the terminal.

Running Both Together

Terminal 1 - Client:

npm run dev

Terminal 2 - Server:

cd server && npm run dev

Both will run simultaneously, and the client will communicate with the server via Socket.io.