Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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!
- Host: GitHub
- URL: https://github.com/vitorferronato/chat-app
- Owner: VitorFerronato
- Created: 2024-06-20T17:13:07.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-07-09T18:45:44.000Z (7 months ago)
- Last Synced: 2024-12-23T18:12:31.544Z (29 days ago)
- Topics: bycrypt, express, mongodb, nodejs, react, socket-io, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 199 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CHAT APP
## 💻 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.