https://github.com/sanjaykumarverma01/chat_app

Created a basic chat app. where anyone can signup and login. In user search can search a know user to chat. Anyone can create a group and admin can add and remove people from group and so on. for more details use deployed link to check the functionality
https://github.com/sanjaykumarverma01/chat_app

axios bcrypt chakra-ui css javascript jwt-authentication react-lottie react-router-dom reactjs socket-io

Last synced: 3 months ago
JSON representation

Created a basic chat app. where anyone can signup and login. In user search can search a know user to chat. Anyone can create a group and admin can add and remove people from group and so on. for more details use deployed link to check the functionality

• Host: GitHub
• URL: https://github.com/sanjaykumarverma01/chat_app
• Owner: sanjaykumarverma01
• Created: 2024-06-22T12:15:50.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-08T14:37:32.000Z (10 months ago)
• Last Synced: 2024-09-08T16:42:35.750Z (10 months ago)
• Topics: axios, bcrypt, chakra-ui, css, javascript, jwt-authentication, react-lottie, react-router-dom, reactjs, socket-io
• Language: JavaScript
• Homepage: https://chat-app-syzw.onrender.com
• Size: 2.23 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My-Chat-App

My-Chat-App is a Full Stack Chatting App.

Uses Socket.io for real-time communication and stores user details in encrypted format in Mongo DB Database.

## Tech Stack

**Client:** React JS

**Server:** Node JS, Express JS

**Database:** Mongo DB

**CSS Library:** Chakra-UI

  

## Demo

[https://chat-app-syzw.onrender.com/](https://chat-app-syzw.onrender.com)

![](https://github.com/sanjaykumarverma01/Chat_App/blob/main/screenshots/demo.png)

## Run Locally

Clone the project

```bash

  git clone https://github.com/sanjaykumarverma01/Chat_App.git

```

Go to the project directory

```bash

  cd Chat_App

```

Install dependencies

```bash

  npm install

```

```bash

  cd frontend/

  npm install

```

Start the server

```bash

  npm run start

  npm run server

```

Start the Client

```bash

  //open a new terminal

  cd frontend

  npm start

```

  

# Features

### Authentication

![](https://github.com/sanjaykumarverma01/Chat_App/blob/main/screenshots/login.png)

![](https://github.com/sanjaykumarverma01/Chat_App/blob/main/screenshots/signup.png)

### Real Time Chatting with Typing indicators

![](https://github.com/sanjaykumarverma01/Chat_App/blob/main/screenshots/indicator.png)

### One to One chat

![](https://github.com/sanjaykumarverma01/Chat_App/blob/main/screenshots/one%20on%20one.png)

### Search Users

![](https://github.com/sanjaykumarverma01/Chat_App/blob/main/screenshots/search%20user.png)

### Create Group Chats

![](https://github.com/sanjaykumarverma01/Chat_App/blob/main/screenshots/create%20group.png)

### Modify the Group by changing the group name, Adding or Remove users from the group

![](https://github.com/sanjaykumarverma01/Chat_App/blob/main/screenshots/edit%20group.png)