Ecommerce Micro Frontend App

:dart: About

Built with a microfrontend architecture, this e-commerce app seamlessly integrates 4 React.js and 1 SolidJS frontend applications with a backend crafted in NestJS. Tailwind CSS unifies the design across all components, offering a streamlined user experience.

:rocket: Technologies

The following tools were used in this project:

• Micro frontend
• React.js
• Solid.js
• Nest.js
• Modual Federation
• Tailwind

Deploy Link

:checkered_flag: Starting

# This project contains 4 frontend and 1 backend app
# Run home Project
$ cd home
$ npm i  # Install dependencies
$ npm run start 
# The server will initialize in the <http://localhost:3000>

# Run pdp Project
$ cd pdp
$ npm i  # Install dependencies
$ npm run start 
# The server will initialize in the <http://localhost:3001>

# Run cart Project
$ cd cart
$ npm i  # Install dependencies
$ npm run start 
# The server will initialize in the <http://localhost:3002>

# Run addtocart Project
$ cd addtocart
$ npm i  # Install dependencies
$ npm run start 
# The server will initialize in the <http://localhost:3003>

# Run server Project
$ cd server
$ npm i  # Install dependencies
$ npm run start 
# The server will initialize in the <http://localhost:8080>

Back to top