Mates-App

Project: MERN Chat Application

Project Can be found in here :

Live version


Mates-App

javascript html javascript npm node github react router

chat on Discord Heroku Firebase

Project Description

This project aims to use MERN Stack on the back end Nodejs and front end React framework. where it is a back-end frameworks to fit a differential equation to the CHAT APPLICATION with users chat data. This would allow us to send our user message and our user also can able to receive our messages. This would be done separately per user as a sender or, as per user as a receiver. The results would be displayed on chat room. It has a contact list.

Technologies Used 🖥

Front development:

  • React and custom UI
  • Deploying it into firebase to host front-end

Backend development:

  • Backend Framework: Node JS
  • Mongoose
  • PostMan API
  • Database: MongoDB
  • Server side: Express JS
  • Connect to MongoDB use Mongooes

Features 📞

  • MERN MatesApp 📞 My Project Setup
  • MERN MatesApp 📞 Setting up VSCode and Firebase
  • MERN MatesApp 📞 Working On Sidebar Component
  • MERN MatesApp 📞 Setting Up Sidebar Chat
  • MERN MatesApp 📞 Working On Chat Component
  • MERN MatesApp 📞 Setting Up The Back-End
  • MERN MatesApp 📞 Setting Up MongoDB
  • MERN MatesApp 📞 Connecting Front-End and Back-End

🖥 ENVIRONMENT

No. Software Version Reason
1. Ubuntu 20.04(Linux) 20.04 Default on laptop
2. Visual Studio Code 1.55.2 My Personal Choice
3. React 17.0.2 To run frontend server
4. Node 10.13.0 To run backend server
5. MongoDB Server 4.2 To run mongoDB server
6. Desktop Web Application Any Version Supported Default on Windows or MacOS and its not mobile-friendly

Deployment:

Backend Deployment :

Frontend Deployment:

  • Using Firebase to Deploy my frontend and I had connected my back into frontend.

🐛 Bugs Reporting

Feel free to open an issue on GitHub if you find any bug.

⭐ Feature Request

  • Feel free to Open an issue on GitHub to request any additional features you might need for your use case.
  • Connect with me on LinkedIn & Twitter.
  • Read My Instagram Blogs in Instagram.
  • I'd love ❤️️ to hear where you are using this library.

📋 Release Notes

Check here for release notes.

📜 LICENSE

This software is open source, licensed under the MIT License.