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
-
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 preferiryarn install
segue a lista de prints: -
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 comandonpm run dev
e no Angularng server
ou aindang 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:
-
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.
-
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.
-
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.
-
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:
-
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
ecodigo
. Essa padronização facilitou a compreensão e manutenção do código. -
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)