A demo for an in-app chat feature between two sides: the rider and the driver. This project demonstrates real-time communication using modern web technologies.
- React: Frontend library for building user interfaces.
- TypeScript: Strongly typed programming language for JavaScript.
- Vite: Fast build tool for modern web projects.
- Tailwind CSS: Utility-first CSS framework for styling.
- Socket.IO: Real-time bidirectional communication between client and server.
- Radix UI: Accessible and customizable UI components.
- Zod: TypeScript-first schema validation.
- React Query: Data-fetching and state management for React.
- PostCSS: Tool for transforming CSS with plugins.
- ESLint: Linting tool for maintaining code quality.
- Real-time chat between two users (rider and driver).
- Role switching to simulate both sides of the conversation.
- Mock data generation for users
- Responsive and accessible UI.