FitEssence é uma aplicação web desenvolvida durante a imersão da Alura e do Gemini, projetada para ajudar os usuários a encontrar e visualizar vídeos de exercícios físicos. O projeto exibe vídeos a partir de um conjunto de dados pré-definidos, sem utilizar APIs externas, e é totalmente gerenciado com uma única página.
- Campo de Pesquisa: Permite aos usuários inserir termos de pesquisa para encontrar vídeos de exercícios relevantes.
- Exibição de Resultados: Mostra uma lista de vídeos incorporados diretamente na página, correspondentes aos termos de busca.
- Mensagens de Erro: Exibe mensagens informativas quando não há resultados para a pesquisa ou quando o campo de pesquisa está vazio.
- Limpeza de Pesquisa: Inclui um botão para limpar o campo de pesquisa e remover os resultados exibidos.
/
├── index.html # Arquivo HTML principal
├── assets/
│ ├── css/
│ │ └── style.css # Estilos CSS para a aplicação
│ ├── images/
│ │ └── [imagens] # Imagens usadas no site (ícones, logos, etc.)
│ └── js/
│ ├── dados.js # Dados estáticos dos vídeos de exercícios
│ └── app.js # Lógica JavaScript para pesquisa e manipulação dos dados
- Pesquisa: O usuário digita um termo no campo de pesquisa e aciona a busca.
- Processamento: O JavaScript processa a entrada, verifica a correspondência com o conjunto de dados e exibe os resultados.
- Exibição: Resultados são exibidos na página com vídeos incorporados, títulos e descrições.
- Mensagens de Erro: Se não houver resultados ou se o campo estiver vazio, uma mensagem de erro é exibida.
- Expansão de Dados: Adicionar mais vídeos e informações à base de dados.
- Melhorias de Interface: Atualizar o design para uma experiência de usuário mais moderna e interativa.
- Funcionalidade de Favoritos: Permitir que os usuários salvem vídeos favoritos para fácil acesso futuro.
Contribuições são bem-vindas! Para contribuir:
- Abra uma Issue: Relate um bug ou sugira uma melhoria.
- Crie um Pull Request: Faça alterações no código e envie uma solicitação para revisão.
Para perguntas ou feedback, entre em contato:
- E-mail: nina.kastro@icloud.com
- LinkedIn: LinkedIn
- GitHub: GitHub
Desenvolvido com 💖 durante a imersão Alura e Gemini.