https://github.com/kom-senapati/echochamber

EchoChamber allows users to engage in instant messaging, providing a seamless and responsive chat experience.
https://github.com/kom-senapati/echochamber

chat-application daisyui mongodb nodejs react socket-io

Last synced: about 4 hours ago
JSON representation

EchoChamber allows users to engage in instant messaging, providing a seamless and responsive chat experience.

• Host: GitHub
• URL: https://github.com/kom-senapati/echochamber
• Owner: kom-senapati
• License: mit
• Created: 2024-02-21T11:14:23.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-03-22T17:15:05.000Z (8 months ago)
• Last Synced: 2024-05-17T20:19:04.571Z (6 months ago)
• Topics: chat-application, daisyui, mongodb, nodejs, react, socket-io
• Language: JavaScript
• Homepage:
• Size: 24.4 MB
• Stars: 6
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
EchoChamber - Real-time Chat Application




    EchoChamber is a real-time chat application built with React, TypeScript, Node.js, MongoDB, Socket.io, Redis, and DaisyUI. This application allows users to engage in instant messaging, providing a seamless and responsive chat experience.



 



Demo Video


https://github.com/kom-senapati/EchoChamber/assets/81561733/b658a84f-09a6-43a5-b3ec-d16ac8b84101

Tech-Stack




            





      



Introduction




Overview: echoChamber is an interactive real-time chat application that brings people together. Whether you’re connecting with friends, colleagues, or fellow enthusiasts, echoChamber provides a seamless platform for lively conversations. Sign up with ease, create your unique profile, and dive into dynamic chat rooms.



 -> Key Features <-


- **Real-time Communication:** Utilizes Socket.io for real-time bidirectional communication between the server and clients, ensuring instant message delivery.

- **Persistent Storage:** Stores user data and messages in MongoDB, offering a persistent and scalable solution.

- **User Authentication:** Implements user authentication to secure the chat environment, ensuring that only authorized users can access the application.

- **Responsive UI with DaisyUI:** The user interface is built with React and DaisyUI, providing a clean and responsive design for a smooth user experience across devices.

- **Typescript:** Enhances code readability, maintainability, and scalability through the use of TypeScript.

- **Scalability:** Incorporates Redis for handling the application's caching needs, improving overall performance and scalability.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Running the project locally


## Getting Started

1. **Fork the repository**

2. **Clone the forked repo to your local :**

    ```bash

    git clone https://github.com/your-username/EchoChamber.git

    cd EchoChamber

    

3. **Install dependencies for client:**

   ```bash

   cd client

   npm install

4. **Install dependencies for backend:**

   ```bash

   cd backend

   npm install

  

3. **Configure Environment Variables for backend:**

     >Create a .env file in the root of the project and configure the following variables:

   ```env

    MONGODB_URI=your_mongodb_connection_string

    REDIS_URI=your_redis_connection_string

 4. **Start the Application for both client and backend:**

    > Client -> development server will start at http://localhost:5173

    ```bash

      npm run dev

    ```

    > Backend ->  server will start at http://localhost:3000

     ```bash

      npm run dev

    ```






 Happy chatting with EchoChamber! 🚀