https://github.com/apfirebolt/express-superchat-using-socket-and-tachyons

A chat application in Express using EJS, Socket IO, Jquery and Tachyons
https://github.com/apfirebolt/express-superchat-using-socket-and-tachyons

chat-application express jquery socket-io tachyons-css

Last synced: 2 months ago
JSON representation

A chat application in Express using EJS, Socket IO, Jquery and Tachyons

• Host: GitHub
• URL: https://github.com/apfirebolt/express-superchat-using-socket-and-tachyons
• Owner: Apfirebolt
• License: mit
• Created: 2022-03-04T16:21:48.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-03-06T07:15:16.000Z (over 4 years ago)
• Last Synced: 2026-01-03T14:37:59.835Z (5 months ago)
• Topics: chat-application, express, jquery, socket-io, tachyons-css
• Language: CSS
• Homepage:
• Size: 390 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# Chat Groups using Express, Socket IO, Jquery and Tachyons

![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)

![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white)

![Socket.io](https://img.shields.io/badge/Socket.io-black?style=for-the-badge&logo=socket.io&badgeColor=010101)

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

Made with ❤️ by **[@apfirebolt](https://github.com/Apfirebolt/)**

## Project Briefing

This is a chat application created in Express, Jquery and Tachyons CSS. It is the second chat based application I've worked on in the past week. This is different from the other app which I created in MEVN stack in a way that it does not have authentication, it does not have a complete front-end written in a modern JS framework. Instead, Jquery has been used to write front-end socket functions to interact with back-end socket events.

The project is inspired by a similar project which I came across in a Node and Express course by Brad Traversy.

The project uses Tachyons CSS framework for UI related stuff. I am not using CDN, instead have the entire minified version inside the public directory that is why Github is reading this as a CSS project which in all honesty, it is not.

## Built With

* [Express](https://expressjs.com/)

* [Socket IO](https://socket.io/)

* [Tachyons](https://tachyons.io/)

* [Jquery](https://jquery.com//)

## Authors

* **Amit Prafulla (APFirebolt)** - (https://apgiiit.com/)

## Project setup

Simply install node modules for backend and run the development script. At the time of writing no deployment script is available for this project.

```

npm install

npm run dev

```

## Project Updates/Future Requirements

- Deployment scripts to be added.

- Scope for minor UI updates is there.

## Project Screenshots

Please find some of the screenshots of the application.

![alt text](./screenshots/chat.png)

Homepage of the application.

![alt text](./screenshots/home.png)