Alexander Zinn
0345f3d2d0
* Created README.md for project overview and setup instructions. * Updated App component to use selector for todo items. * Enhanced TodoItemComponent styling and structure. * Introduced new Redux selectors for better state management. * Added initial configuration files for RequireJS and Bun. * Established project structure for WebSocket chat application with server and frontend components. * Included necessary dependencies and configurations for TypeScript and Vite.
WebSocket Chat Monorepo
A real-time WebSocket chat application built with TypeScript, Express, and Vite.
Project Structure
├── apps/
│ ├── server/ # Express WebSocket server
│ └── frontend/ # React/Vite frontend
├── packages/
│ └── shared-types/ # Shared TypeScript types
└── package.json # Root workspace configuration
Quick Start
# Install all dependencies
npm install
# Start both server and frontend in development mode
npm start
# Or run individually:
npm run dev:server # Start server only
npm run dev:frontend # Start frontend only
Available Scripts
npm start- Build shared types and start both server and frontendnpm run dev:all- Start both server and frontend concurrentlynpm run dev:server- Start server onlynpm run dev:frontend- Start frontend onlynpm run build- Build all packagesnpm run typecheck- Type check all packagesnpm run lint- Lint all packagesnpm run clean- Clean all build outputs
Development
The monorepo uses npm workspaces for dependency management and TypeScript project references for type checking across packages.
Server
- Runs on
http://localhost:3000 - WebSocket endpoint:
ws://localhost:3000/ws - Health check:
http://localhost:3000/ping
Frontend
- Runs on
http://localhost:5173(Vite default) - Connects to WebSocket server for real-time messaging
Features
- Real-time WebSocket communication
- Ping/pong latency measurement
- Shared TypeScript types across packages
- Hot reload for development
- Monorepo workspace management