This repository contains the client-side application for a modern and interactive chat experience. The application is built using React, Vite, Axios, WebSocket, and Tailwind CSS to provide a responsive and efficient user interface for real-time communication.
- Modern and responsive user interface
- Real-time chat functionality
- Integration with the backend API for seamless communication
- Use of WebSocket for instant messaging
- User-friendly design with Tailwind CSS
- React: A JavaScript library for building user interfaces.
- Vite: A fast build tool that significantly improves the frontend development experience.
- Axios: A promise-based HTTP client for making requests to the backend API.
- WebSocket: For real-time, bidirectional communication between clients and the server.
- Tailwind CSS: A utility-first CSS framework for building custom designs.
To run the application locally, follow these steps:
Make sure you have Node.js and Yarn installed on your machine.
# Clone the repository
git clone git@github.com:YourUsername/ClientWiseApp.git or
git clone https://github.com/YourUsername/ClientWiseApp.git
# Navigate to the project directory
cd ClientWiseApp
# Install dependencies
yarn install
# Run the app
yarn devautoprefixer: ^10.4.15
axios: ^1.4.0
cookie-parser: ^1.4.6
cookieparser: ^0.1.0
postcss: ^8.4.28
react: ^18.2.0
react-dom: ^18.2.0
tailwindcss: ^3.3.3
ws: ^8.13.0
zlib: ^1.0.5
vite: ^4.4.5