https://github.com/vickttor/api-no-backend
Esse pequeno conjunto de código usa alguns pacotes como express, axios e cors para fazer a requisição de uma API web pelo Back-end, e a partir daí os dados serem capturados e exibidos no Front-end
https://github.com/vickttor/api-no-backend
api axios express nodejs
Last synced: 3 months ago
JSON representation
Esse pequeno conjunto de código usa alguns pacotes como express, axios e cors para fazer a requisição de uma API web pelo Back-end, e a partir daí os dados serem capturados e exibidos no Front-end
- Host: GitHub
- URL: https://github.com/vickttor/api-no-backend
- Owner: vickttor
- License: mit
- Created: 2021-07-15T20:35:12.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-07-15T21:03:58.000Z (over 4 years ago)
- Last Synced: 2025-03-16T03:23:06.377Z (10 months ago)
- Topics: api, axios, express, nodejs
- Language: HTML
- Homepage:
- Size: 22.5 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# API no BackEnd
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.
### Status do Projeto
**🚀Finalizado**
## Pré-requisitos
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](https://nodejs.org/en/) e o [Git](https://git-scm.com/).
Agora faça um git clone usando o comando:
```bash
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:
```bash
cd api-no-backend
```
Em seguida use:
```bash
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](https://code.visualstudio.com/download).
## Como usar
Para rodar a aplicação, você deve estar na pasta do projeto e dentro dela rode o seguinte comando:
```bash
npm start
```
Isso fará com que o servidor seja iniciado no localhost:8080/api
Agora execute o comando:
```bash
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.
### 🛠 Tecnologias
As seguintes ferramentas foram usadas na construção do projeto:
- [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML)
- [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
- [NodeJS](https://nodejs.org/en/)
- npm packages
```bash
npm i express
```
```bash
npm i nodemon
```
```bash
npm i axios
```
```bash
npm i cors
```
---
## 💪 Como contribuir para o projeto
1. Faça um **fork** do projeto.
2. Crie uma nova branch com as suas alterações: `git checkout -b my-feature`
3. Salve as alterações e crie uma mensagem de commit contando o que você fez: `git commit -m "feature: My new feature"`
4. Envie as suas alterações: `git push origin my-feature`
> Caso tenha alguma dúvida confira este [guia de como contribuir no GitHub](./CONTRIBUTING.md)
---
### Autor
Victor Hugo🚀
Feito com dedicação por Victor Hugo da Silva 👋🏽 Entre em contato!
---
[](https://www.linkedin.com/in/victor-silva-9485021b2/)
[](mailto:victor470hugo@gmail.com)