Messeging Full Stack Application

Micro frontends with Webpack Module Federation

Project structure

API (Monolithic Architecture)

• Node Typescript
• Express
• mongoose
• JWT Authentication
• WebSocket Socket.io
• Joi (for validations)

Client (Micro-Frontend Architecture)

Client side should be micro-frontends

• Main Application
• Home React Application (comming soon)
• Messenger React Application (comming soon)

• React Typescript V18
• React DOM Router V6
• React Redux
• React Hooks
• Axios

Database

• MongoDB