Start here and understand our project

Architecture

Root

This is the entry point of the project, the host of the a architecture, know as app shell too. Repo

Remotes Used

• Auth
• Products
• Profile
• Cart
• Design System

Package

• dealful-package

---

Auth

This is the authentication module, that deals and the only who knows the user state Repo

Exposes

Components

• Login
• Logout

Service

• UserTools

Remotes Used

• Design System

Package

• dealful-package

---

Products

This is the module in charge of retrieving the product list and add it to the cart Repo

Exposes

Page

• Products

Remotes Used

• Design System

Package

• dealful-package

---

Profile

This is the module in charge of showing the user info, both in the user page and the user component Repo

Exposes

Components

• Profile

Route

• Profile Route (self invoke the FullProfile Page)

Remotes Used

• Auth
• Design System

Package

• dealful-package

---

Cart

This is the module in charge of checkout, the cart Repo

Exposes

Components

• CartIcon

Pages

• Cart

Remotes Used

• Design System

Package

• dealful-package

---

Design System

As the name indicates its the module in charge of componentization Repo

Exposes

Components

• Inpuy
• Button
• UserPicture
• Vuetify v-app wrapper

Files

• Vuetify config

---

dealful-package

Dealful is a package to create deals for our mfes, it's in some sort of way the "contract" between the modules to the comunication be asure. Repo