/realtime-chat-app

This repository will contain the source code for realtime chatapp made in react

Primary LanguageJavaScript

Realtime Chat App

Welcome to the Realtime Chat App! This application allows users to engage in real-time conversations, send emojis, share images, and receive notification sounds when new messages appear. Additionally, it features video and audio calling functionalities, currently in development.

Live Preview

Check out the live preview of the project to see it in action:

Live Preview

Feel free to explore the features and functionalities!

Previews

Screenshot 2024-04-06 124538 Screenshot 2024-04-06 124553 Screenshot 2024-04-06 124217 Screenshot 2024-04-06 124658 Screenshot 2024-04-06 124326

Installation

To run the Realtime Chat App on your local machine, follow these steps:

  1. Clone the repository: 
    git clone https://github.com/amit-yadav207/chat-app-frontend.git
  2. Navigate to the frontend directory: 
    cd chat-app-frontend/frontend
  3. Install dependencies: 
    npm install
  4. Start the development server: 
    npm start

backend server

  1. Navigate to the frontend directory: 
    cd chat-app-frontend
  2. Install dependencies: 
    npm install
  3. Start the development server: 
    nodemon start

Features

  • Realtime Chatting: Engage in conversations with other users in real-time.
  • Send Emojis: Express yourself with a wide range of emojis available for use in chat messages.
  • Send Images: Share images with other users seamlessly within the chat interface.
  • Notification Sounds: Receive notification sounds when new messages appear, ensuring you never miss a conversation.
  • Video Calling (In Progress): Video calling functionality is currently in development and will be available soon.
  • Audio Calling (In Progress): Audio calling functionality is currently in development and will be available soon.

Technologies Used

  • React: Frontend framework for building user interfaces.
  • Zustand: State management library for React applications.
  • MongoDB: Database for storing chat data and other application information.
  • Node.js: Backend runtime environment for handling server-side logic.
  • Express: Web framework for building Node.js applications.
  • Socket.io: Library for enabling real-time, bidirectional communication between clients and servers.

Contributing

Contributions to the Realtime Chat App are welcome! To contribute, please follow these steps:

  • Fork the repository.
  • Create a new branch for your feature or bug fix.
  • Make your changes and commit them.
  • Push your changes to your fork.
  • Submit a pull request.
  • License