Giter Site home page Giter Site logo

vickttor / api-no-backend Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 23 KB

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

License: MIT License

HTML 63.82% JavaScript 36.18%
nodejs express axios api

api-no-backend's Introduction

API no BackEnd

GitHub issues GitHub issues GitHub issues GitHub issues GitHub issues CodeWars

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 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.

Como usar

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.

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

npm i express
npm i nodemon
npm i axios
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


Autor

Victor

Victor Hugo🚀

Feito com dedicação por Victor Hugo da Silva 👋🏽 Entre em contato!


Linkedin Badge

Gmail Badge

api-no-backend's People

Contributors

vickttor avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.