Projeto Site AluraPlay
Alura Play
| 🪧 Vitrine Dev | |
|---|---|
| ✨ Nome | Projeto Site AluraPlay |
| 🏷️ Tecnologias | HTML, CSS, JavaScript, Node.JS |
| 🚀 URL Front-end | Pode ser acessado localmente. Veja o tópico Acessando o projeto |
| 🔥 Desafio | https://github.com/BrunoRivolta/AluraPlay |
Projeto do curso de requisições da alura, onde fiz o consumo de uma API que fornece como resposta uma lista de vídeos. Esta lista foi usada para exibir os vídeos na página HTML.
Busca
A pagina possui um campo de busca que retorna os vídeos conforme o valor buscado.
Novos vídeos
É possível adicionar vídeos a pagina inicial preenchendo um formulário. Os vídeos são adicionados ao banco de dados através de uma requisição do tipo POST.
API
A API usada neste projeto é, na verdade, uma mockAPI, construída através do json-server. O banco de dados é o arquivo db.json localizado na pasta raiz do projeto.
Acessando o Projeto
Instalando dependências
Pelo terminal acesse a pasta raiz do projeto e digite o comando abaixo para instalar as dependências.
npm start
Iniciando API
Digite o seguinte comando para iniciar a API.
npx json-server --watch db.json
Abrindo o site pelo servidor
Importante abrir a pagina index.html pelo servidor, indico o uso da extensão live server.
Tecnologias
- Javascript
- NodeJS
- Json-server
- HTML
- CSS
Contato
