Minhsenger™

Before using Minhsenger™, I can only talk to myself. Now, I can use it to chat with another me. So much more convenient. 😂

Table of Contents

• Overview
• Installation
• Notes
• Acknowledgement

Overview

• Minhsenger™ is a Progressive Web Application that allows users to chat with others.
• The application supports unique user nicknames, chat rooms and a real-time dashboard which shows online users and their rooms.

Installation

• Clone the repo
• Install packages in both frontend and backend

  cd backend/
  npm install
  cd ../frontend/
  npm install

• Build the application

  cd ../backend/
  npm run build:ui

• Start up the application

  npm start

• By default, the application is started at http://localhost:5000

Notes

• Frontend is a React application created with create-react-app package.
• UI is built with Material UI framework.
• Backend runs on Node.js and is built with Express.js.
• Communication between frontend and backend utilizes socket.io

Acknowledgement

• Minhsenger™ is a case study of INFO-3139 course at Fanshawe College.
• Special thanks to Professor Evan Lauersen for providing color codes of the chat bubbles.