Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vitorferronato/chat-app

A real time chat app!
https://github.com/vitorferronato/chat-app

bycrypt express mongodb nodejs react socket-io tailwindcss

Last synced: 21 days ago
JSON representation

A real time chat app!

Awesome Lists containing this project

README

        

# CHAT APP


vuejs
vuejs
vuejs
vuejs
vuejs

## 💻 The Project
This is a real-time chat application where two users can communicate through messages, register new users, log in, see other users online, and start a conversation.

![image](https://github.com/VitorFerronato/chat-app/assets/94748997/9535a290-55f0-450a-85f5-9c10eb4f4105)

## Features

- User registration
- User login
- View other users online
- Real-time communication between two users
- User-friendly interface with React Bootstrap

## 🚀 Technologies Used

### Frontend

- **React**: JavaScript library for building user interfaces.
- **React Bootstrap**: Responsive design framework for React.

### Backend

- **Node.js**: JavaScript runtime environment for server-side development.
- **Express**: Web framework for Node.js.
- **Bcrypt**: Library for password hashing.
- **MongoDB**: NoSQL database.
- **Socket.IO**: Library for real-time communication.

## Installation
Create a .env file in the root of the project and add these configurations:
```bash
ATLAS_URI = mongodb+srv://vitorferronato:*[email protected]/chat-app?retryWrites=true&w=majority&appName=Cluster0
JWT_SECRET_KEY = supersecretkey481516
```

FRONT
```bash
cd client
npm install
npm run dev
```

BACK
```bash
cd server
npm install
nodemon
```

SOCKET
```bash
cd socket
npm install
nodemon
```

## Contribution
- Fork the project.
- Create a new branch (git checkout -b feature/your-feature-name).
- Commit your changes (git commit -m 'Add new feature').
- Push to the branch (git push origin feature/your-feature-name).
- Open a Pull Request.