https://github.com/mayanksavaliya/my-chat-app

https://github.com/mayanksavaliya/my-chat-app

css daisy-ui html javascript react react-hooks react-hot-toast react-icons react-router-dom reactrouter socket-io-client tailwindcss vite zustand

Last synced: 1 day ago
JSON representation

• Host: GitHub
• URL: https://github.com/mayanksavaliya/my-chat-app
• Owner: MayankSavaliya
• Created: 2024-06-14T08:23:38.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-06-16T11:07:47.000Z (8 months ago)
• Last Synced: 2024-06-16T13:29:31.485Z (8 months ago)
• Topics: css, daisy-ui, html, javascript, react, react-hooks, react-hot-toast, react-icons, react-router-dom, reactrouter, socket-io-client, tailwindcss, vite, zustand
• Language: JavaScript
• Homepage:
• Size: 83 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My Chat App

This is a real-time chat application built using ReactJS, Daisy UI, MongoDB, Socket.IO, Zustand, ExpressJS, and Tailwind CSS.

## Features

- One-to-one real-time chat

- Responsive UI with Daisy UI and Tailwind CSS

- State management using Zustand

- Backend with ExpressJS and MongoDB

- Real-time communication with Socket.IO

## Installation

### Prerequisites

- Node.js

- npm

### Cloning the Repository

1. Clone the repository:

    ```bash

    git clone https://github.com/MayankSavaliya/My-Chat-App.git

    ```

2. Navigate to the project directory:

    ```bash

    cd My-Chat-App

    ```

   

### Backend Setup

1. Install backend dependencies:

    ```bash

    npm install

    ```

3. Start the backend server:

    ```bash

    npm start

    ```

### Frontend Setup

1. Navigate to the frontend directory:

    ```bash

    cd frontend

    ```

2. Install frontend dependencies:

    ```bash

    npm install

    ```

3. Start the frontend development server:

    ```bash

    npm run dev

    ```

## Running the Application

To run the entire application, you can use the root scripts:

1. Start the backend server:

    ```bash

    npm start

    ```

2. In another terminal, start the frontend development server:

   

     ```bash

    cd frontend

    ```

     

    ```bash

    npm run dev

    ```