Chat Application (Nx Monorepo)

This project is a full-stack chat application built with a monorepo approach using Nx.
It includes a NestJS backend, an Angular frontend, and a MongoDB database, with modern tooling and best practices.

---

🚀 Tech Stack

Backend (NestJS)

• NestJS – modular Node.js framework
• Socket.IO – real-time communication
• JWT Auth + Passport – authentication & authorization
• Mongoose – MongoDB ODM

Frontend (Angular 20)

• Angular Standalone Components
• Angular Signals – reactive state
• NGXS Store with Signals – application state management
• Angular CDK
• Material UI

Database

• MongoDB

Dev Tools

• Nx Monorepo Workspace
• TypeScript 5.8
• ESLint + Prettier – code quality
• Jest + Cypress – unit & e2e testing

---

📌 Features

• 🔐 JWT Authentication – Login, Register, Logout
• 💬 Real-time chat via Socket.IO
• 👤 User management with NGXS Store
• 📱 Responsive UI with Angular Material
• 🛠️ Organized in Nx monorepo with shared libs

---

Getting started (development mode)

Installing dependencies

yarn

Initialize environment variables

create .env.development file in root folder of nx monorepo
take variables from .env.example and fill in your own data
go to apps/web/src/environments
create environment.ts
take variables from environment.prod.example.ts and fill in your own data

Starting backend

yarn nx serve api

Starting Frontend

yarn nx serve web

Getting started (production mode)

Installing dependencies

yarn

Initialize environment variables

create .env.production file in root folder of nx monorepo
take variables from .env.example and fill in your own data
go to apps/web/src/environments
create environment.prod.ts
take variables from environment.prod.example.ts and fill in your own data

Starting your app with docker container

docker compose up

📂 Project Structure

• apps/web – Angular frontend
• apps/api – NestJS backend
• apps/web-e2e – Cypress end-to-end tests
• libs – shared libraries (types, utils, UI components, etc.)