Skip to content

This project was developed using ReactJS, NodeJS and Socket.IO, and was inspired in WhatsApp interface.

License

Notifications You must be signed in to change notification settings

GabrSobral/WhatsApp-Clone-API

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WhatsApp Clone (API) WhatsApp

This is a WhatsApp clone, and was built as a study of socket.io and its integration with ReactJS. Was made with:

  • ReactJS
  • Nodejs
  • MongoDB
  • Typescript and Javascript
  • Socket.IO
  • JsonWebToken

The frontend can be found here

Features 🔥

🟢 Login and register with JsonWebToken

🟢 User can add another users to talk one-to-one in real-time

🟢 User can vizualize if another user is typing a new message.

🟢 User can see if another user is online, and if not, the app will show the last seen

🟢 If another user vizualize your message, the message status will change the color

🟢 If user not focusing in browser tab, the messages screen will blur, and will appear that the user is offline

🟢 Show "sending" status when the message not sent yet

💁🏻 if you want to make more features, you can fork this repository, I'm will very happy to see this :)

Technologies 🛠️

  • NodeJS React
  • MongoDB MongoDB
  • Typescript TypeScript
  • BcryiptJS
  • Socket.io Socketio

Prerequisites 🧶

  • NodeJS Nodejs
  • A Package Manager yarn

Instalation ⚙️

Step 1

Clone this repository with git clone

git clone https://github.com/GabrSobral/WhatsApp-Clone-API.git

Step 2

Install all dependencies with yarn or npm install command

Step 3

After that, run start script with npm or yarn

yarn start

Made with great care (and effort) by GabrSobral 💙