CSS to Impress

A multiplayer game where developers compete to style the same HTML structure using CSS.

Technologies Used

• Frontend: React, Vite, TypeScript, Socket.io-client, Monaco Editor
• Backend: Node.js, Express, Socket.io
• Libraries: Monaco Editor, Lucide React, Boring Avatars, React Router, Cors
• Developmental Assistance: Claude Code, Cursor
• Sounds: Pixabay

Getting Started

Prerequisites

• Node.js (v18 or higher recommended)
• npm or yarn

Installation

Clone the repository and navigate to the project directory, then:

cd server
npm install

cd ../client
npm install

Running Locally

You will need to run the client and the server simultaneously in separate terminal windows.

Start the backend server:

cd server
npm start

Start the frontend server:

cd client
npm run dev

The application should now be running. The terminal output will provide the local URL to access the client interface (typically http://localhost:5173).

If you want to test with multiple players, open the localhost URL in multiple browser windows.