/vidflow

Aprendendo Node.js com ESLint, Prettier e Vite

Primary LanguageHTML

Imagem de capa do curso. O título é "3519 - Node.js e terminal" e o subtítulo é "Dominando o ambiente de desenvolvimento front-end".

VidFlow

O VidFlow é uma plataforma de compartilhamento de vídeos.

Captura de tela do Vidflow.

🔨 Funcionalidades do projeto

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.

✔️ Técnicas e tecnologias utilizadas

  • Node.js
  • NPM
  • Os pacotes ESLint, Prettier, JSON Server, Axios e Vite
  • Vercel

Link do Figma

Acesse o Figma do Vidflow.

🛠️ Abrir e rodar o projeto

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!

📚 Mais informações do curso

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.