Este projeto foi desenvolvido como uma forma de aprender e explorar as capacidades do Blazor Fluent UI. O objetivo principal é o de conhecer e experimentar os seus vários componentes e padrões. Além disso, a API do YouTube foi incorporada para ampliar o escopo de exploração, permitindo a experimentação com a integração de recursos multimédia na aplicação. As APIs Edaman e YouTube foram utilizadas para obter dados de receitas e conteúdo multimédia, respectivamente, para testar o frontend e explorar as suas capacidades.
- Ganhar familiaridade com os componentes do Blazor Fluent UI e a sua utilização.
- Compreender como integrar APIs externas em aplicações Blazor.
- Praticar a construção de interfaces web responsivas e amigáveis ao utilizador.
- Explorar técnicas de visualização e apresentação de dados.
Por favor, note que este projeto está atualmente em desenvolvimento. Embora forneça funcionalidades básicas para pesquisa de receitas e acesso às API do Edaman e Youtube, espera-se que evolua ao longo do tempo.
- Componentes Adicionais: O projeto pode incorporar novos componentes e recursos para melhorar a sua utilização e funcionalidade.
- Correções de Bugs e Otimização: Quaisquer bugs relatados serão corrigidos, e otimizações de código serão realizadas para melhor desempenho.
BlazorFluentUI_FL é uma aplicação web que aproveita várias APIs para fornecer recursos abrangentes.
-
API Edaman: Esta aplicação utiliza a API Edaman para funcionalidade de pesquisa de receitas e acesso a um banco de dados de alimentos abrangente. Permite que os utilizadores pesquisem, naveguem e guardem as suas receitas favoritas.
-
API do YouTube: A aplicação também integra a API do YouTube para navegar em qualquer vídeo no YouTube. Além disso, armazena o conteúdo de vídeo numa base de dados SQLite para um fácil acesso.
Construída com Blazor Fluent UI, a aplicação oferece uma interface amigável para uma experiência culinária e multimédia.
- Pesquisa de Receitas: Os utilizadores podem pesquisar receitas com base em palavras-chave, ingredientes ou preferências alimentares. As escolhas do utilizador para salvar pesquisas de receitas favoritas, são armazenadas em arquivos JSON para fácil acesso e recuperação.
- Base de Dados de Alimentos: Acesso a uma vasta base de dados de ingredientes, informações nutricionais e receitas.
- Interface Amigável: Design intuitivo e navegação para uma experiência de fácil utilização.
- Design Responsivo: A aplicação é otimizada para vários tamanhos de ecrans e dispositivos.
- Respostas Rápidas: Os utilizadores podem selecionar receitas de pesquisas anteriores, evitando viagens à API do Edaman, permitindo pesquisas offline para acesso rápido.
- Pesquisa de Vídeo do YouTube: Os utilizadores podem navegar e assistir a qualquer vídeo no YouTube, através de 'Player' incluído.
- Armazenamento de Banco de Dados de Vídeo: Os URLs dos vídeo são armazenados numa base de dados SQLite, permitindo que os utilizadores acompanhem vídeos que chamaram sua atenção, foram marcados como favoritos ou que foram classificados como úteis.
- Configurações: Configurar o tema da aplicação (claro ou escuro).
- Gestão de Categorias de Vídeos: Adicionar, editar, excluir e pesquisar categorias de vídeos.
Receitas
Em cada receita existe uma opção ('Preparation') para aceder à preparação da receita (site de origem).
Pesquisando receitas por regiões do mundo (neste caso, 'French' - Francesas / 'deserts' - sobremesas)
Base de dados de comida
Youtube
Criando uma nova entrada. Basta incluir o url do vídeo no Youtube e escolher 'Get metadata'
Depois de pesquisar o Api, o ecrã é preenchido com os metadados recebidos, com a opção de gravação na base de dados.
Na grelha de apresentação dos dados, existe uma opção para reprodução de vídeos, que abrirá um media player.
Configuração (Temas da aplicação e Gestão de Categorias de Vídeos)
Para instalar a API Edaman com Fluent UI localmente, siga estas etapas:
-
Clonar Repositório: git clone https://github.com/fauxtix/BlazorFluentUI_FL
-
Navegar para o Diretório: cd EdamanFluentApi
-
Instalar Dependências: dotnet restore
-
Atualizar appsettings.json: Inclua as suas chaves APP_ID e API_KEY do Edaman Inclua as suas chaves do Youtube (YouTubeApiKey, YouTubeApplicationName, ClientId e SecretClientId)
-
Executar Aplicação: dotnet run
-
Aceder à aplicação: Abra um navegador da web e aceda a
http://localhost:<porta>.
-
Pesquisar Receitas: Insira palavras-chave, ingredientes ou preferências alimentares na barra de pesquisa e pressione [Enter] para ver receitas relevantes. As escolhas do utilizador para salvar pesquisas de receitas favoritas, são armazenadas em arquivos JSON para fácil acesso e recuperação.
-
Visualizar Detalhes da Receita: Clique no botão 'Preparation' no 'cartão da receita' e navegue até ao site de origem para visualizar informações detalhadas, incluindo ingredientes, instruções e fatos nutricionais.
-
Explorar Base de Dados de Alimentos: Navegue pela base de dados de alimentos para descobrir novos ingredientes, receitas e informações nutricionais.
-
Explorar Base de Dados de Vídeo: Navegue pela base de dados para descobrir uma ampla variedade de vídeos, cobrindo vários tópicos de interesse. Os vídeos do YouTube podem ser acedidos e as suas informações armazenadas
- C#
- Entity Framework Core
- HttpClient para aceder a Apis externos
- AutoMapper
- Blazor Server com 'Interactive Rendering'
- Componentes do Blazor Fluent UI
- .NET Core 8
- Fausto Luís (fauxtix.luix@hotmail.com)
- Filipa Luís (filipaluis@gmail.com)
- Margarida Luís (margaridaluis@gmail.com)
Um agradecimento especial aos contribuidores e à comunidade pelo seu apoio e feedback.
As contribuições são bem-vindas! Se tiver sugestões para novas funcionalidades ou melhorias, sinta-se à vontade para enviar um 'pull request' ou abrir uma 'issue' no GitHub.
Este projeto está em desenvolvimento e pode sofrer alterações e atualizações sem aviso prévio. Está sendo desenvolvido apenas para fins educacionais e pode incluir recursos e componentes experimentais. Não serve a nenhum propósito comercial ou de produção.
Este projeto está licenciado sob a Licença MIT - consulte o arquivo MIT-LICENSE.TXT para mais detalhes.