middle.messenger.praktikum.yandex: A TypeScript repository from HereHaveTheseFlowers

Vacate - a simple, yet cozy & comfortable web chat!

This is a full-working web messenger, which, among other things, can send messages via WebSocket. Building via Webpack and virtualization via Docker are set up, the project is auto-deployed to Heroku, linters are connected. This is my project for the Yandex "Middle-Frontend" Course.

Deployment

You can check the demo launched on vercel here: https://middle-messenger-praktikum-yandex-zeta.vercel.app

Tools

Webpack
Typescript
Handlebars
Sass
Postcss
Mocha & Chai
Eslint and stylelint
Docker
Auto-deploy to Heroku (heroku is dead, now Vercel)

Installation

The following are the commands required to run the project on your machine:

npm run start — build and launch the project on port 3000 using Express and Webpack.
npm run dev — build and run using Webpack to work on the project.
npm run build — build the project using Webpack.
$env:PORT="8000" ; npm run start — same as the above, but the project starts on the port of your choice. For Windows users.
PORT=4444 npm run start — same as the above, but for Mac users.
npm run test — runs mocha&Chai tests.
npm run lint — runs eslint and stylelint.

Docker usage

docker build -t chatapp . — creating an image.
docker run -p 3000:3000 chatapp — running the image locally.

Design mockup