Primeiro, é necessário ter o Node.js instalado na maquina, de prefência que ele esteja atualizado para versão mais recente (atualmente a 20.10.0 LTS, eu estou usando a versão 18.16.1 LTS). Depois de ter o Node.js instalado na máquina e além dele pro projeto Angular é necessário ter o Angular CLI instalado na maquina, é só seguir o passo a passo

• Vá até a pasta nivel-5

• Clique com o botão direito do mouse em qualquer área livre e tente achar a opção abrir no terminal ou git bash here

• Digite o comando cd para mudar para dentro da pasta React

• Instalando as dependências dos projetos angular, react e next, pra isso, é só dentro da pasta de cada um digitar o comando npm install ou se vc preferir yarn install segue a lista de prints:

  Projeto react

  

  Projeto Next

  

  Projeto Angular

  

  Servidor Express

  

• Depois das dependencias instaladas para rodar cada uma das aplicações basta dentro da pasta de cada uma delas pelo terminal usar o comando npm start as unicas que se diferem desse comando e usam outro é o Next e o Angular, no next é só usar o comando npm run dev e no Angular ng server ou ainda ng s,

• Typescript
• React
• Next
• Angular

• Javascript
• Express
• Nodemon (dependência de desenvolvimento)
• CORS
• Express Generator

• Yarn
• npm

  ** Página da lista de livros: **
      ![lista de livros](/imagens//pagina-da-lista-de-livros.png)
  ** Página de cadastro de livros: **
      ![cadastrando um livro](/imagens//pagina-de-cadastro.png)

  ** Página da lista de livros
    ![lista de livros](/imagens//lista-de-livros-react.png)
  ** Página de cadastro de livros: **
    ![cadastrando um livro](/imagens//pagina-de-cadastro.png)

  ** Página da lista de livros
    ![lista de livros](/imagens//lista-de-livros-react.png)
  ** Página de cadastro de livros: **
    ![cadastrando um livro](/imagens//pagina-de-cadastro-next.png)

Durante o desenvolvimento deste projeto, enfrentei alguns desafios que contribuíram para o meu aprendizado e aprimoramento técnico:

1. Conexão com o Banco de Dados: Enfrentei dificuldades na configuração da conexão com o banco de dados, sendo um ponto crítico para o funcionamento adequado da aplicação.

2. Configuração da API e Rotas: A configuração da API e o estabelecimento de rotas também foram desafios, demandando tempo e esforço para garantir a integridade e eficiência do sistema.

3. Reaproveitamento de Código: Enfrentei certos obstáculos no reaproveitamento de código, mas consegui superar as dificuldades, implementando práticas que otimizaram a manutenção e escalabilidade do projeto.

4. Problemas com Requisitos do SWAY: Alguns requisitos do SWAY causaram mais problemas do que soluções, sendo necessário encontrar alternativas para garantir a eficiência e coerência do código.

Durante o desenvolvimento, algumas modificações foram necessárias para atender a requisitos específicos e melhorar a estrutura do projeto:

1. Padronização de Atributos: Foi necessário ajustar a padronização de atributos, como a definição de dois atributos que representavam a mesma informação, _id e codigo. Essa padronização facilitou a compreensão e manutenção do código.

2. Importação de Interfaces: Realizei modificações para importar a interface Livro previamente construída, evitando a recriação desnecessária e promovendo um código mais limpo e modular.

![lista de livros do projeto em React](/imagens/lista-de-livros-react.png)

![Página de cadastro do projeto em React](/imagens//pagina-de-cadastro-react.png)

###### Lista de livros do projeto em Next
![Lista de livros do projeto em Next](/imagens/pagina-de-livros-next.png)
###### Página de cadastro do projeto em Next
![Página de cadastro do projeto em Next](/imagens//pagina-de-cadastro-next.png)

###### Lista de livros do projeto em Angular
![Lista de livros do projeto em Angular](/imagens/pagina-da-lista-de-livros.png)
###### Página de cadastro do projeto em Angular
![Página de cadastro do projeto em Angular](/imagens//pagina-de-cadastro.png)