https://github.com/abbushaik/web-chat-app

This web chat application is built using a robust tech stack that includes HTML, CSS, JavaScript, Node.js, Express.js, and Socket.io. The app provides a seamless and interactive chat experience for multiple users, allowing them to communicate in real time.
https://github.com/abbushaik/web-chat-app

css3 express-js html5 javascript node-js npm npm-module npm-package realtime-chat server-side socket-io ui-design

Last synced: 18 days ago
JSON representation

This web chat application is built using a robust tech stack that includes HTML, CSS, JavaScript, Node.js, Express.js, and Socket.io. The app provides a seamless and interactive chat experience for multiple users, allowing them to communicate in real time.

• Host: GitHub
• URL: https://github.com/abbushaik/web-chat-app
• Owner: Abbushaik
• License: mit
• Created: 2024-08-13T04:14:55.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-13T06:58:26.000Z (3 months ago)
• Last Synced: 2024-11-02T22:04:15.594Z (18 days ago)
• Topics: css3, express-js, html5, javascript, node-js, npm, npm-module, npm-package, realtime-chat, server-side, socket-io, ui-design
• Language: JavaScript
• Homepage:
• Size: 146 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Artichoke Chat 

A simple green themed web chat made to learn Node.js and Network Programming


Deployed on Koyeb https://bewildered-rozelle-alphaclan-9d686504.koyeb.app/


Safari and IE are not supported!

# Technologies 🧾

 









# Preview 🔍

 


 
 

 




 



 




# Quick Start 🚀

```git clone https://github.com/Abbushaik/Web-Chat-App```


```cd artichoke-chat```


```npm install```


```npm start  or  nodemon server.js```


```go to localhost:3000```

# What I Learned 🧠

* Node.js basics (async programming, callbacks, anonymous and arrow functions, server side stuff, imports, modules, express, http, path, socket.io)

* Web Sockets

* HTTP/HTTPS

* DOM manipulation, EventListeners, Forms

* How to use CSS Framework (Bulma)

* Simple media queries

* npm basics

* Gathering front-end and back-end together

# License 📑 

(c) 2024 MOHAMMAD ABUBACKAR. [MIT License](https://tldrlegal.com/license/mit-license)