Chat Application

An intelligent communication and collaboration tool, built for teams

🎯 About

This project was built with the purpose of learning how to structure a Web App of a mid-level complexity integrating the React Chat Engine API. I put a lot of effort into it and I hope that you could like it.

The Web App lands you to an Authentication page, in which you can choose to sign in with any of the accounts given below. Once you are logged in, you will land on the homepage, in which you can find the chats.
You can add a user by entering the username of the user in the "type a username" input box and press enter to add the user.
➡️ Go try it and please let me know if you enjoyed it with a ⭐️, I would appreciate it a lot.

▶️ Demo

Here you can find the demo link:

https://chat-application-ab12.netlify.app

Test credentials

Email: test@user.com
Password: testUser

Email: test@user2.com
Password: testUser2

✨ Features

✔️:   Display chats, old and recently updated
✔️:   Add User functionality
✔️:   React-Chat-Engine API (credits: alamorre/react-chat-engine) for the Chat UI and functionality
✔️:   User Sign In
✔️:   Use of React hooks
✔️:   Responsive layout
✔️:   Swipeable chat content

🚀 Technologies

• React

• React Hooks

• React-Chat-Engine

• Netlify

  
  

📸 Screenshots

Home Page

✅ Requirements

Before starting you need to have Git and Node installed.

🔗 Run Locally

• Clone the project

  git clone https://github.com/shivendradb/Chat-application-using-React-JS.git

• Go to the project directory

  cd Chat-application-using-React-JS

• Install dependencies

  npm install

• Start the server

  npm start

Note:
The page will reload if you make edits.
You will also see any lint errors in the console.

You can contact me in case of any issues or discrepancies.

Please let me know if you enjoyed it with a ⭐️, I would appreciate it a lot.