Skip to content

olwr/desenvolve-24-vidflow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VidFlow

socials contact contact

Projeto desenvolvido durante o curso de consumo de API e tratamento de dados no programa Desenvolve, projeto promovido pelo Grupo Boticário e a escola Alura. O objetivo foi adicionar e consumir uma API fake que alimenta o VidFlow com os vídeos (urls, títulos, descrições, etc).

A barra de pesquisa e os botões de categoria também estão funcionais, podendo pesquisar e filtrar entre os vídeos enviados pela API fake.

v1.1: Adicionada a funcionalidade de postar vídeos no arquivo videos.json por meio de formulário. A página do formulário pode ser acessada ao clicar no ícone de câmera no cabeçalho/topbar da página. Para voltar a página inicial, é só clicar na logo VidFlow.

Tecnologias

ide: vs code tech: git lang: html lang: css lang: javascript environment: node.js

Como Executar

Caso o código seja executado sem seguir os seguintes passos, ao invés dos vídeos irá aparecer uma mensagem do tratamento de erro:

alt text

Para que ele seja executado da forma esperada, é necessário rodar a API fake.

1. Instalar o Node.js

A versão do Node.js utilizada nesse projeto foi a v20.11.0.

2. Instalar o JSON Server

  • No terminal ou prompt de comando
  • Para instalar globalmente, é necessário digitar este comando:
npm install -g json-server

3. Permitir a Política de Execução de Scripts (Windows)

Caso você utilize o WIndows, é necessário mudar política de execução antes de executar o JSON Server.

  • No PowerShell (como administrador), execute o seguinte comando:
Get-ExecutionPolicy

Se o retorno for Restricted, que é o padrão, é necessário mudar a política para permitir a execução de scripts.

  • Para permitir, basta executar o comando:
Set-ExecutionPolicy RemoteSigned

O PowerShell pode solicitar confirmação para realizar a operação. Pressione "S" (Sim) ou "Y" (Yes) dependendo da linguagem do seu terminal.

  • Ao finalizar o teste do projeto, é uma boa prática reverter a política de execução de scripts para o valor original para garantir a segurança do sistema. Para isso é só executar:
Set-ExecutionPolicy Restricted

Mas caso você queira utilizar o JSON Server novamente, será necessário alterar a política de execução para "RemoteSigned" mais uma vez.

4. Inicializar o JSON Server

  • Abrir o terminal integrado da sua IDE, ou outro terminal, mas com o cuidado que esteja executando dentro da pasta do projeto
  • Executar o seguinte comando:
json-server --watch backend/videos.json

O JSON Server será iniciado e começará a servir uma API REST falsa com base nos dados do arquivo videos.json, o que vai permitir o consumo dos dados para o VidFlow.

Print

alt text alt text

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published