Clayish is a real-time, collaborative web application where users can manipulate a clay-like object together. Built with Cloudflare Workers, Hono, and SolidJS, it demonstrates the power of WebSocket communication in a serverless environment.
- Thanks to minami for the cute color scheme
- Inspired by various real-time collaborative applications and games
- Real-time collaboration: Multiple users can interact with the clay object simultaneously
- Four interactive tools:
- Rotate the object
- Pull the clay
- Push the clay
- Change color and brush size
- WebSocket communication for instant updates across all connected clients
- Serverless architecture using Cloudflare Workers and Durable Objects
- Backend:
- Cloudflare Workers
- Hono framework
- Durable Objects for WebSocket management
- Frontend:
- SolidJS
- RxJS for reactive programming
- solid-styled-components for styling
To run this project locally:
- Clone the repository
- Install dependencies with
npm install
- Run the development server with
npm run dev
This project is licensed under the MIT License.