Developing a Real-Time Chat Application using MERN Stack and Socket.IO

Chilly talk 🤗

Chat app / room

Realtime chat app for chilly talking, made for learning basics of full-stack 📖

Live demo

About The Project

I have decided to improve my coding skills to strengthen my fundamentals of front-end, react and styling also with exploring new trails and oh me it was great and horrible idea at same time. So I have decided to get into back-end development.. at least to understand basics. Finally I have decided to build real time chat application which will work like for example Messenger or Telegram.

This idea allowed me to obtain a huge amount of new knowledge and to spend many hours inside of docs.

Project allows the end User to register account, login, send messages, edit them and delete. Additionally allows user to style chat window uniquely for every logged in user.

🧰 Technologies

(back to top)

🏃 Getting Started

To get a local copy up and running follow these simple steps.

✋ Prerequisites

Necessary tools

🧙‍♂️ Installation

Step by step

🛣️ Roadmap

Update:

• Add login and register
• Add message creation
• Add message editing and deletion
• Add menu
• Add theme settings
• Add jump to newest messages functionality
• Add momentum scrolling functionality
• Add ‘giving likes’ functionality / implemented reaction functionality
• Add profanity filter – by Michael Price
• Build production
• Host project
• Add emoji picker – by Missive team
• Add light/dark mode

Fix:

• Message editing
• Custom color selector for theme
• Theme font colors
• Bugged display of longer message
• Selecting emoji doesn’t works
• Reactions are added to wrong message

Demo status:

• Updated to latest version

(back to top)

🪧 License

Distributed under the GPL3.0 License. See LICENSE file for more information.

(back to top)

GitHub

View Github