EchoChat

EchoChat is a modern real-time messaging web app for fast and seamless communication. Built with React for the frontend and Node.js/Express/Socket.IO for the backend, it allows users to create accounts, login securely, and exchange messages instantly. MongoDB handles data storage, and the app features a responsive design for desktop and mobile. Check out the app: https://echochat-jdwys.sevalla.app/signup.

Features

• User Authentication: Secure signup, login, and JWT protection.
• Responsive UI: Built with React and modern CSS for a great experience on any device.
• User Profiles: Basic profile management.
• Real-time Messaging: Instant message exchange powered by Socket.IO.
• Online Status: See which users are active in real time.
• Media Sharing: Support for image/file uploads (extendable).
• Cloud-ready: Easily deployable to popular cloud hosting solutions.

Screenshots

Getting Started

Prerequisites

• Node.js >= 20
• MongoDB (local or Atlas)
• npm (or yarn)

Installation

1. Clone the repo:

   git clone https://github.com/malihanawshin/EchoChat.git
   cd EchoChat

2. Install dependencies:

   • Backend:

     cd backend
     npm install

   • Frontend:

     cd ../frontend
     npm install

3. Configuration:

   • Backend: Create a .env file in the backend directory and add:

     MONGODB_URI=<your_mongodb_uri>
     JWT_SECRET=<your_jwt_secret>
     

   • Frontend: Update API endpoints in the code if needed.

4. Run the app:

   • Backend:

     npm run dev

   • Frontend:

     npm run dev

   Visit http://localhost:5173 to use EchoChat.

Project Structure

EchoChat/
├── backend/   # Node.js/Express API + Socket.IO
├── frontend/  # React client

Deployment

Being deployed on Sevalla.

License

This project is licensed under the MIT License.