Mehulcoder / Chat-Application

A chat application with real time updates, chat rooms, location sharing, automatic scrolling and build with completely responsive web design.

Home Page:https://mehul-chat-app.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

# ChatApp

Features

  • Join a specified room to chat

  • Send the geographical location to other users in the room if permission is granted

  • Automatically scroll down upon receiving a new message

  • Responsive web design (RWD)

Getting Started

Follow the instructions below to set up the environment and run this project on your local machine

Prerequisites

  • Node.js

Installing

  1. Download ZIP or clone this repo
> git clone https://github.com/Mehulcoder/Chat-Application.git
  1. Install dependencies via NPM
> npm install
  1. Back to the root directory and type the below command to start the server and the service
> npm run dev
  1. See it up and running on http://localhost:8000

Deployment

  1. Deploy to Heroku
> heroku create
> git push heroku master
  1. Open the app in the browser
> heroku open

Built With

Frontend

  • jquery
  • mustache

Backend

  • express
  • NodeJS
  • compression
  • helmet

Utils

  • socket.io
  • moment

Notes

  • Send an event to everybody in the room 'The Office Fans'
io.emit -> io.to('The Office Fans').emit

  • Send an event to everybody in the room 'The Office Fans' except for the current user
socket.broadcast.emit -> socket.broadcast.to('The Office Fans').emit

  • Send an event to a specific user
socket.emit

Authors

About

A chat application with real time updates, chat rooms, location sharing, automatic scrolling and build with completely responsive web design.

https://mehul-chat-app.herokuapp.com/


Languages

Language:JavaScript 65.4%Language:HTML 21.0%Language:CSS 13.6%