Realtime-WebChatApplication

A real-time web chat application built with MERN stack technology using Google Authentication.

Quick Start

Run following commands

# Clone repo
git clone https://github.com/tanishha/Realtime-WebChatApplication.git

# Enter directory
cd Realtime-WebChatApplication

# Install dependencies for server
npm install

# Install dependencies for client
npm run client-install

# Create .env file for client and add
REACT_APP_GOOGLE_KEY= Your Google Key
REACT_APP_API= Backend URL

# Create .env file for server and add
DB_URI= Database connection string

# Run the client & server with concurrently
npm run dev

# Run the Express server only
npm run server

# Run the React client only
npm run client

# Server runs on http://localhost:7070 and client on http://localhost:3000

Built With

• MongoDB - Database engine
• Express.js - Web aplication framework
• React.js - JavaScript library for building user interfaces
• NodeJS - JavaScript runtime environment
• Material-Ui - React javascript material-design library
• Socket.io - Realtime Engine

App Info

Backend URL - https://chatappapi.glitch.me

LIVE DEMO

https://webchatapp203.netlify.app