Single-SPA Microfrontend Application

🚀 Projeto

Este repositório contém a configuração base para uma aplicação microfrontend usando o framework Single-SPA. A arquitetura é composta por múltiplos microfrontends independentes que podem ser desenvolvidos, implantados e escalados separadamente.

---

📂 Estrutura do Projeto

A estrutura do repositório é organizada para facilitar o desenvolvimento e integração dos microfrontends:

├── /root         # Configuração principal do Single-SPA
├── package.json         # Dependências e scripts
├── README.md            # Este documento

---

🛠️ Pré-requisitos

Certifique-se de ter os seguintes softwares instalados em sua máquina:

• Node.js (>= 14.x)
• npm ou yarn

---

📦 Instalação

1. Clone o repositório:

   git clone https://github.com/douglasrangel-stack/micro-front-ends-single-spa
   cd micro-front-ends-single-spa

2. Instale as dependências:

   npm install

3. Navegue até cada microfrontend (caso estejam no repositório) e instale as dependências deles:

   cd ./react-login
   npm install

---

🏃‍♂️ Executando o Projeto

1. Inicie o root:

   npm start

2. Inicie cada microfrontend em suas respectivas portas (exemplo para react-login):

   cd ./react-login
   npm start

3. Acesse a aplicação no navegador:

   http://localhost:9000
   

---

✨ Funcionalidades

• Configuração centralizada: O root gerencia a composição de microfrontends.
• Independência tecnológica: Cada microfrontend pode ser desenvolvido com uma stack de tecnologia diferente (React, Vue, Angular, etc.).
• Integração simplificada: Baseado na arquitetura de aplicações de front-end modulares.

---

📖 Documentação

• Single-SPA - Documentação Oficial
• Configuração de Root
• Guia de Microfrontends

---

🧪 Testes

Este projeto utiliza Jest para testes. Para executar os testes:

npm test

---

🛠️ Contribuição

Se você deseja contribuir com este projeto:

1. Faça um fork do repositório.
2. Crie uma branch com suas alterações:

   git checkout -b minha-feature

3. Commit suas alterações:

   git commit -m "Minha nova feature"

4. Envie para a branch principal:

   git push origin minha-feature

5. Abra um Pull Request.

---

📄 Licença

Este projeto está licenciado sob a MIT License. Veja o arquivo LICENSE para mais detalhes.

---

📧 Contato

Se você tiver dúvidas ou sugestões, entre em contato:

• Email: contato@douglasrangel.com
• LinkedIn: Douglas Rangel