https://github.com/abdullahbrashid/chatapp-old

A simple Chat App boilerplate written in plain HTML, CSS and JS.
https://github.com/abdullahbrashid/chatapp-old

chat chat-application html-css-javascript javascript node websocket

Last synced: 10 days ago
JSON representation

A simple Chat App boilerplate written in plain HTML, CSS and JS.

• Host: GitHub
• URL: https://github.com/abdullahbrashid/chatapp-old
• Owner: AbdullahBRashid
• Created: 2023-05-02T18:07:04.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2024-08-24T21:57:07.000Z (almost 2 years ago)
• Last Synced: 2025-09-12T01:00:41.286Z (10 months ago)
• Topics: chat, chat-application, html-css-javascript, javascript, node, websocket
• Language: JavaScript
• Homepage:
• Size: 3.75 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 
PandaChat - The Old Version

![image](./images/Home-Page.png)

![image](./images/Empty-Chat.png)

![image](./images/Message-Display.png)


#### This version was made purely for fun with vanilla Javascript and WebSockets.

To run the website, clone this repo and [ChatApp-Backend-Old](https://github.com/AbdullahBRashid/ChatApp-Backend-Old).

Start the `Backend Server` using the Backend repo.

In ["js/app.js"](https://github.com/AbdullahBRashid/ChatApp-Old/blob/master/js/app.js), change the websocket address to the server address you run your backend on.

This is plain HTML, CSS and JavaScript. Just host this repo using any server.

##### For example:

### Using NPM live-server (Development Server only)

    # npm i -g live-server

    $ live-server --port:8080

The rest is on you. You can fork and work on it. Learn from it or anything. Best of luck.