https://github.com/lucasreis0/vidflow_api

🚧 Projeto em Desenvolvimento - Curso de JavaScript 🚧
https://github.com/lucasreis0/vidflow_api

Last synced: 12 days ago
JSON representation

🚧 Projeto em Desenvolvimento - Curso de JavaScript 🚧

• Host: GitHub
• URL: https://github.com/lucasreis0/vidflow_api
• Owner: LUCASREIS0
• Created: 2024-04-08T18:05:19.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-13T18:42:05.000Z (10 months ago)
• Last Synced: 2024-04-13T21:47:06.393Z (10 months ago)
• Language: CSS
• Homepage:
• Size: 48.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

---

## Projeto VidFlow 💻

Este projeto é voltado para JavaScript, focado no desenvolvimento e aplicação dos meus conhecimentos. O objetivo principal é trabalhar com a manipulação e consumo de dados de uma API.

### Descrição 📝

O VidFlow é uma plataforma de Compartilhamento de vídeos que permite aos usuários visualizar e filtrar vídeos por categoria. Projeto construído  usando JavaScript. Utilizei a Fake JSON Server como uma API de exemplo para simular o consumo de dados.

### Funcionalidades Implementadas 🔎

- Consumo de uma API com JavaScript usando `fetch` e `async/await`.

- Implementação de filtros dinâmicos para os dados da API, permitindo a busca por título e filtragem por categoria.

- Utilização de `async/await` para criar funções assíncronas e lidar com requisições de API de forma assíncrona.

- Tratamento de erros retornados pela API, utilizando `try/catch` para capturar exceções e fornecer feedback ao usuário.

### Instruções de Uso ⚒️

Para executar o projeto localmente, siga estas etapas:

1. Clone o repositório do projeto para sua máquina local.

2. Certifique-se de ter o Node.js instalado em seu ambiente.

3. Instale as dependências do projeto executando `npm install` na raiz do projeto.

4. Inicialize o Fake JSON Server com o arquivo `videos.json` usando o seguinte comando:

   ```bash

   json-server --watch backend/videos.json

   ```

   Isso iniciará uma API REST falsa com base nos dados do arquivo `videos.json`.

5. Abra o arquivo `index.html` em um navegador da web para visualizar a aplicação.

### Tecnologias Utilizadas 🌐

- JavaScript

- HTML5

- CSS3

- Fake JSON Server

- VSCode (Editor utilizado no curso)

### Comentários no Código 📝

Gostaria de destacar que todo o código JavaScript está sendo comentado, pois são bastante úteis para mim enquanto estudo. Mesmo fazendo anotações externas, é mais prático para mim aprender e memorizar as funções e métodos que estão sendo utilizados.

Caso queira ver o código sem os comentários, basta baixar o arquivo e removê-los por si mesmo. 😄

Benefícios dos Comentários

- **Legibilidade:** Os comentários tornam o código mais fácil de entender para outros desenvolvedores (e para mim mesmo no futuro) ao explicar o propósito e a lógica por trás de diferentes partes do código. 👨‍💻

- **Documentação Rápida:** Os comentários fornecem uma documentação rápida sobre como o código funciona e por que certas decisões foram tomadas. 📝

- **Facilita a Manutenção:** Comentários claros ajudam na depuração e na manutenção do código, especialmente em partes complexas ou críticas. 🛠️

Obrigado por acompanhar o meu progresso e crescimento em desenvolvimento front-end!

---