Skip to content

Este projeto tem como objetivo fornecer uma interface para configurar e testar um backend mock (BFF) simulado para desenvolvimento de front-end.

Notifications You must be signed in to change notification settings

EduardooPV/mock-bff

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mock BFF (Backend for Frontend) Configuration

Este projeto tem como objetivo fornecer uma interface para configurar e testar um backend mock (BFF) simulado para desenvolvimento de front-end. Ele permite a simulação de erros, configuração de atrasos nas respostas, definição de rotas da API e fornecimento de dados mockados.

O projeto é composto por duas partes principais:

  1. Frontend: Uma interface de usuário que permite configurar o comportamento do mock API.
  2. Backend: Uma API que simula as respostas de um servidor real, com configurações personalizáveis (erro, atraso, rota, dados mock).

Funcionalidades

  • Simulação de erros HTTP (500) em vez de dados mockados.
  • Configuração de atrasos nas respostas da API.
  • Definição de rotas da API.
  • Edição e validação de dados mockados no formato JSON.
  • Visualização das rotas disponíveis e exclusão de rotas.

Preview

Web

Página inicial

image

Popup detalhes da rota

image

Simulando request com sucesso

image

Simulando request com erro

image

Estrutura do Projeto

O projeto é dividido em duas partes principais:

  • Frontend: Localizado na pasta /frontend, contém a interface de usuário.
  • Backend: Localizado na pasta /backend, contém a lógica de simulação da API.

Instalação das Dependências

Para instalar as dependências de todos os pacotes do projeto (raiz, backend e frontend), utilize os seguintes comandos:

npm install
npm run install:frontend
npm run install:backend

Este comando irá executar o seguinte:

  1. Instalar as dependências do package.json na raiz do projeto.
  2. Instalar as dependências do package.json no diretório /backend.
  3. Instalar as dependências do package.json no diretório /frontend.

Como Rodar o Projeto

Após instalar as dependências, você pode iniciar o servidor de desenvolvimento com o seguinte comando:

npm run dev

Este comando irá iniciar simultaneamente os servidores de desenvolvimento do backend e do frontend, permitindo que você teste a aplicação em conjunto.

Contribuições

Contribuições são bem-vindas! Sinta-se à vontade para abrir um pull request ou relatar problemas.

About

Este projeto tem como objetivo fornecer uma interface para configurar e testar um backend mock (BFF) simulado para desenvolvimento de front-end.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •