https://github.com/lgope/chat-app

Simple chat application built using modern technologies. 📱💻
https://github.com/lgope/chat-app

css expressjs handlebars-js nodejs socket-io

Last synced: 2 months ago
JSON representation

Simple chat application built using modern technologies. 📱💻

• Host: GitHub
• URL: https://github.com/lgope/chat-app
• Owner: lgope
• Created: 2020-01-15T19:31:54.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-10-06T13:51:32.000Z (over 1 year ago)
• Last Synced: 2024-04-14T21:31:37.605Z (9 months ago)
• Topics: css, expressjs, handlebars-js, nodejs, socket-io
• Language: JavaScript
• Homepage: https://lakshman-chat-app.herokuapp.com/
• Size: 71.3 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# chat-app

I've created a real-time chat application with web sockets and socket.io this allowed me to set up an application with 

real-time by directional communication where the client can send information to the server and the server can send information

to the client over this persistent connection. 📱💻

## Key Features

Some of the standout features of the project are

1. Real time chat

2. Users can Join a chat room

3. Share location

## Demonstration

#### Join Page :

![rsz_cajoinpage](https://user-images.githubusercontent.com/58518192/72631791-17bb4480-397f-11ea-8643-371b6a847ff9.png)

#### Chat :

![ca1-i5s2zfhkmp4_P6rQ](https://user-images.githubusercontent.com/58518192/72631756-096d2880-397f-11ea-8080-d4386161b63b.gif)

#### First User :

![rsz_1st](https://user-images.githubusercontent.com/58518192/72631772-0f630980-397f-11ea-8dc2-552da5ae0076.png)

#### Second User :

![rsz_2nd](https://user-images.githubusercontent.com/58518192/72631785-1427bd80-397f-11ea-8ba6-b865071c305d.png)

## Technologies Used :



  
HTML5

  
CSS3

  
Mustachejs

  
Nodejs

  
Expressjs 

  
Socket.IO (API) 



#### To run this project :

1. Clone this repo

2. Change your directory : `cd chat-app`

3. Run `npm install`

5. Run `npm start`

#### Future Updates

* Enable PWA

* View Profile

* Settings Profile

And More ! There's always room for improvement!

#### Deployed Version

Feel free to visit 👉  ![https://lakshman-chat-app.herokuapp.com/](https://lakshman-chat-app.herokuapp.com/)