Middle Messenger

Messenger app made from scratch in 4 x biweekly sprints including these development stages:

Structure planning
Creation of Figma mockups
Building custom Event Bus driven general component with basic lifecycle and state management
Simple router and HTTP transport class implementation with Auth/User/Chat APIs support
Building WebSocket based messaging system

📟 Demo

Add .env file based on .env.example file or set API_BASE_URL env variable manually e.g. on Netlify
Run npm install

npm run dev - start dev server at http://localhost:3000
npm run build - create build at ./dist
npm run start - create build and start Express server at http://localhost:3000
npm run serve - start Express server at http://localhost:3000 with an existing build
npm run netlify - create Netlify build and start Express server at http://localhost:3000
npm run tswatch - start TypeScript compiler with --watch parameter
npm run lint - run ESLint with --quite parameter and Stylelint
npm run lint:scripts - run ESLint with --quite parameter
npm run slint:styles - run Stylelint
npm test - run basic tests

Name		Name	Last commit message	Last commit date
Latest commit History 348 Commits
.husky		.husky
src		src
static		static
.dockerignore		.dockerignore
.editorconfig		.editorconfig
.env.example		.env.example
.gitignore		.gitignore
.nvmrc		.nvmrc
.postcssrc.json		.postcssrc.json
.prettierrc.json		.prettierrc.json
.stylelintrc.json		.stylelintrc.json
Dockerfile		Dockerfile
LICENSE.md		LICENSE.md
README.md		README.md
jest.config.json		jest.config.json
netlify.toml		netlify.toml
package-lock.json		package-lock.json
package.json		package.json
server.ts		server.ts
tsconfig.json		tsconfig.json
webpack.common.js		webpack.common.js
webpack.dev.js		webpack.dev.js
webpack.prod.js		webpack.prod.js