Nesse projeto foi utilizado APENAS html e JavaScript. (Fica o desafio de aplicar CSS 😉)
Esse é um simples projeto explicativo para demonstrar como fazer requisições para uma API a partir do front. Para essa demonstração estou utilizando uma API que ensinei a fazer no YouTude e o código está aqui no GitHub (https://github.com/yurimarcon/api-node-sqlite).
Atenção! Se você seguiu o curso, confira o ponto de correção a baixo.
Antes de seguir com o projeto será necessário fazer um pequeno ajuste na API para poder rodar localmente. Edite na API essa parte: (Altere de "body" para "query" essa é uma correção que eu não tinha me atentado no curso)
Para rodar o projeto, clone o repositório da API ou utilize a sua API (caso tenha acompnhado o curso). Então dentro do diretório da API rode:
npm i
Depois:
npm run dev
E a API vai estar rodando na porta 3000. (http://localhost:3000)
Para rodar o frot basta. clonar esse repositório e abrir o arquivo index.html
Se a API não estiver rodando o front não irá funcionar corretamente.
Espero que esse projeto simples te ajude a compreender alguns conceitos, e que te motive a querer aprimorar o que foi apresentado. Caso fique com alguma dúvida pontual, fique a vontade para entrar em contato por e-mail. (yuri.erik.oliveira@gmail.com)
Bons estudos e obrigado! 🤓 ✌️