https://github.com/josephdev123/letwhatchats

Welcome to the LetWhatChats! This project aims to allow users to create rooms, send messages in real-time, etc using Node.js, Express, MongoDB, React, and Socket.IO.
https://github.com/josephdev123/letwhatchats

aws-ec2 mongodb nodejs react socket-io socket-io-client typescript

Last synced: 3 months ago
JSON representation

Welcome to the LetWhatChats! This project aims to allow users to create rooms, send messages in real-time, etc using Node.js, Express, MongoDB, React, and Socket.IO.

• Host: GitHub
• URL: https://github.com/josephdev123/letwhatchats
• Owner: josephDev123
• Created: 2024-01-04T08:22:01.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2025-06-21T21:20:40.000Z (about 1 year ago)
• Last Synced: 2025-08-18T10:30:52.967Z (10 months ago)
• Topics: aws-ec2, mongodb, nodejs, react, socket-io, socket-io-client, typescript
• Language: TypeScript
• Homepage: https://josephdev.com.ng
• Size: 9.27 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## JoeWhatChats

Welcome to the LetWhatChats! This project aims to replicate the functionality of WhatsApp, allowing users to create Conversation, send messages, using Node.js, Express, MongoDB, React, and Socket.IO.

## Features





Create Conversation: Users can create conversation and  others to join the conversation.





Real-time Messaging: Utilizing Socket.IO, messages are sent and received instantly, creating a seamless chatting experience.





Secure Authentication: Users can sign up securely with token authentication/authorization and log in to access the app's features.





## Samples

### large screen version






 


### small screen version





## Frontend Technologies Used





HTML & CSS(Tailwind css):    structure and styling the application





React:  Frontend development for creating a user-friendly interface.





Typescript 





Firebase: File storage 





Socket.IO:  Real-time communication between clients and server for instant messaging.





## Installation

1. Clone the repository:

   `(https://github.com/josephDev123/LetWhatChats.git)`

2. Install dependencies for the frontend:

   `npm install`

3. Set up environment variables:

Create a .env file in the root directory. follow the .env.sample guideline

1. Start the frontend development server:

   `npm start`

## Usage



Sign up or log in to your account.

Create a new Conversation or join an existing one.

Start sending and receiving messages in real-time.




## Deployment

AWS EC2

## Credits

This project was developed by Uzuegbu Joseph.