Skip to content

yuvrajsingh08/Chat-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 

Repository files navigation

Real-Time Chat Application

This is a full-stack real-time chat application built using the MERN stack (MongoDB, Express, React, Node.js) and Socket.io. The application allows users to sign in, chat in real-time with other users, and send images and videos.

Features

  • User Authentication: Secure sign-up and sign-in functionality with JWT authentication.
  • Real-Time Chatting: Users can send and receive messages in real-time using Socket.io.
  • Media Sharing: Support for sharing images and videos in the chat.
  • Responsive Design: Fully responsive design for a seamless experience on all devices.
  • MongoDB Database: All user data and chat history are stored securely in a MongoDB database.
  • Scalable Architecture: Built with scalability in mind to handle multiple users and conversations simultaneously.

Screenshots

Screenshot 2024-08-18 152042 Screenshot 2024-08-18 152026 Screenshot 2024-08-18 152014

Technologies Used

Frontend:

  • React.js: JavaScript library for building user interfaces
  • Redux: State management for efficient data handling
  • Socket.io-client: Real-time bidirectional event-based communication

Backend:

  • Node.js: JavaScript runtime for building scalable server-side applications
  • Express.js: Web framework for Node.js
  • MongoDB: NoSQL database for storing user and chat data
  • Socket.io: Real-time communication between server and clients

Installation

Prerequisites

  • Node.js (v14+)
  • MongoDB (v4.4+)
  • NPM or Yarn

Steps to Run the Application

1. Clone the repository:

 git clone https://github.com/yuvrajsingh08/Chat-App.git
 cd Chat-App

2. Install dependencies:

  • For the backend:
 cd server
 npm install
  • For the frontend:
 cd client
 npm install

3. Run the backend server:

 cd server
 npm run dev

4. Run the frontend development server:

 cd client
 npm start

Contributing

  • Contributions are welcome! Please fork this repository and submit a pull request for any changes or improvements.

🔗 Links

portfolio linkedin

🚀 About Me

I'm a full stack mern developer

A passionate and aspiring web developer currently pursuing my B.Tech in Information Technology at Bundelkhand Institute of Engineering and Technology in Jhansi , Uttar Pradesh.

About

A real-time Chat Application

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published