O VidFlow é uma plataforma de compartilhamento de vídeos.
Atualmente, o visual do projeto e sua funcionalidade de buscar em uma API pelas informações dos vídeos já estão prontos.
Agora, o time de desenvolvimento do VidFlow decidiu aplicar o uso de novas ferramentas que irão melhorar a qualidade do código do projeto, como o ESLint, Prettier, Axios e o Vite.
Para isso, aprenderemos a utilizar o Node.js, necessário para aplicar todas essas ferramentas.
- Node.js
- NPM
- Os pacotes ESLint, Prettier, JSON Server, Axios e Vite
- Vercel
Após baixar ou clonar o projeto deste repositório, você precisa ter o Node.js e o json-server
instalados.
Caso não tenha o json-server
instalado globalmente, execute o seguinte comando:
npm install -g json-server@0.17.4
Com o Node.js e o json-server
instalados, execute o seguinte comando para disponibilizar a API local de vídeos:
json-server --watch backend/videos.json
Em seguida, abra o index.html
no navegador e o VidFlow já pode ser visualizado!
Este repositório avança até o uso do ESLint e Prettier, mas ainda não está utilizando o Vite junto com o Axios. Para usar o Vite, foi necessário a migração do código para um novo projeto, que você encontra nesse repositório.