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

echoChamber.mp4

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 :

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

3. Install dependencies for client:

   cd client
   npm install
   

4. Install dependencies for backend:

   cd backend
   npm install
   

5. Configure Environment Variables for backend:

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

    MONGODB_URI=your_mongodb_connection_string
    REDIS_URI=your_redis_connection_string
   

6. Start the Application for both client and backend:

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

     npm run dev

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

    npm run dev

Happy chatting with EchoChamber! 🚀