Esse projeto foi construído com intuito de prática e aprendizado. Basicamente ele faz a requisição de uma API através do Back End, usando o axios, que é um pacote do Node. Quando os dados são capturados, então é usado o fetch no Front-end, uma API nativa do Browser que faz requisições através de uma URL. Para conectar o front-end com o back-end foi utilizado o cors, para permitir que um servidor qualquer consiga extrair os dados da API que pegamos pelo back-end. e por fim utilizamos o Nodemon, que fica observando o server.js
para que se haja qualquer alteração, ele reinicie automaticamente.
🚀Finalizado
Para executar essa projeto será necessário você seguir alguns passos para não ocorrer nenhum erro. Primeiramente, você tem que ter instalado na sua máquina o NodeJS e o Git.
Agora faça um git clone usando o comando:
git clone https://github.com/VictorSilva15/API-no-Backend.git
A pasta do projeto será instalada na sua maquina. Agora para executar, primeiramente entre no projeto com:
cd api-no-backend
Em seguida use:
npm i
Esse comando fará a instalação da node_modules e das dependecias necessárias para a aplicação ser executada.
Se quiser modificar o código será necessário um editor de códigos de sua preferência. Recomendo usar o Visual Studio Code.
Para rodar a aplicação, você deve estar na pasta do projeto e dentro dela rode o seguinte comando:
npm start
Isso fará com que o servidor seja iniciado no localhost:8080/api
Agora execute o comando:
npx lite-server
Esse comando irá procurar o index.html e rodar o arquivo no localhost:3000. Quando os dados da API estiverem prontos, os dados serão exibidos na página html.
As seguintes ferramentas foram usadas na construção do projeto:
- HTML
- JavaScript
- NodeJS
- npm packages
npm i express
npm i nodemon
npm i axios
npm i cors
-
Faça um fork do projeto.
-
Crie uma nova branch com as suas alterações:
git checkout -b my-feature
-
Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature"
-
Envie as suas alterações:
git push origin my-feature
Caso tenha alguma dúvida confira este guia de como contribuir no GitHub
Victor Hugo🚀
Feito com dedicação por Victor Hugo da Silva 👋🏽 Entre em contato!