FreeChat: MERN Stack Chat Application

Introduction

FreeChat is a web chat application built with MongoDb, Express, React and NodeJs. I used ReactJs for the client side and NodeJs for the server-side. The Real-time chatting feature is also developed using Socket.IO.

Features

FreeChat provides users with the following features

• Authentication using JWT Tokens
• A Free Chatting System which can be used by anyone using the application to send messages to any user on FreeChat.
• A Private Chat functionality where users can chat with other users privately.
• Accessibility to private and public profile pages

ScreenShots

Register Page

Login Page

SetImage Page

Chat Page

Each Chat Page

Private Profile Page

Public Profile Page

Settings Page

Dark Mode Chat Page

Installation

1. Clone the project into your desired folder by following the command below:

git clone https://github.com/David-Horjet/FreeChat.git

2. cd client

Next Install the required modules by inputing the folowing commands below

npm install

npm start

Take a chill pill, Now that we've set up the client Side, Let's Set the Backend server running,

** Can you split your terminal now? 😎 Let Run the MERN app on a go 🚀 3. cd server

Next Install the required modules by inputing the folowing commands below

npm install

npm start

Local

Finally your MERN App should be running on different server PORTS

• Client : PORT 3000
• Server : PORT 5000

Live

You can view freechat live on http://abbrefy.xyz/fe84604

Live Api Documention

You can view freechat live api documentation on http://abbrefy.xyz/624f566