deboranortes/challenge-aluraflix

Curso Oracle Next Education - ONE T6 em parceria com Alura

Aluraflix é uma aplicação desenvolvida para gerenciar e exibir uma lista de vídeos educativos. O projeto utiliza React para a interface de usuário e JSON Server para simular uma API RESTful, permitindo operações de CRUD (Criar, Ler, Atualizar e Deletar) nos vídeos.

Funcionalidades

• Adicionar Vídeo: Preencha o formulário na página "Novo Vídeo" com o título, categoria, imagem, link do vídeo e descrição. Clique em "Salvar" para adicionar o vídeo à lista ou clique em "Limpar" para reiniciar o cadastro.
• Editar Vídeo: Clique no ícone de lápis em um vídeo para abrir o modal de edição. Atualize as informações do vídeo e clique em "Salvar" para aplicar as mudanças.
• Remover Vídeo: Clique no ícone de lixeira em um vídeo para removê-lo da lista.

Essas funcionalidades utilizam requisições assíncronas (POST, PUT e DELETE) para interagir com o servidor e atualizar a lista de vídeos exibida na página.

Tecnologias Utilizadas

• Consumo de APIs
• JSON-Server para simulação de servidor
• Figma para design da interface

Estrutura do Projeto

• src/
  • componentes/
    • Botao/: Componente de botão reutilizável.
    • Card/: Componente de card para exibir informações dos vídeos.
    • Carrossel/: Componente de carrossel para organizar os vídeos.
    • ModalEditar/: Componente de modal para edição dos vídeos.
  • pages/
    • PaginaInicial/: Página inicial que exibe a lista de vídeos e o carrossel.
    • NovoVideo/: Página para adicionar um novo vídeo.
  • routes.js: Configuração das rotas da aplicação.
  • index.js: Ponto de entrada da aplicação.

Para saber mais