Real Time Chat App

This is a real-time chat application that allows you to chat with others in real time.

Features

• Tech Stack- React+Vite , Framer Motion, Dasiy UI
• User authentication with JWT 🔒
• Real-time messaging with Socket.io 💬
• State management with Zustand 📋
• Styled with Tailwind CSS 💅

📖 Installation

1. Clone the repository:

   git clone https://github.com/Katty020/realtimechat-app.git

2. Navigate to the project directory:

   cd react-chat
   

3. Install the dependencies for both client and server folders:

    cd client && npm i && cd ../server && npm i && cd ..
   

4. Create a .env file in the server directory and add your environment variables. You can use the .env.example file as a template:

   cp server/.env.example server/.env
   

   Modify the .env file with your environment-specific variables.

5. Start the client:

   cd client && npm run dev
   

6. Open another terminal, navigate to the project directory, and start the server:

   cd server && npm run dev
   

7. Open your browser and visit http://localhost:5173.

8. Start chatting in real-time! 😉