This project was developed as a way of learning and exploring the capabilities of Blazor Fluent UI. The main objective is to get to know and experiment its various components and standards. Additionally, the YouTube API was incorporated to broaden the scope of exploration, allowing for experimentation with integrating multimedia features into the application. The Edaman and YouTube APIs were used to obtain recipe data and multimedia content, respectively, to test the frontend and explore their capabilities.
- Gain familiarity with Blazor Fluent UI components and their usage.
- Understand how to integrate external APIs into Blazor applications.
- Practice building responsive and user-friendly web interfaces.
- Explore data visualization and presentation techniques.
Please note that this project is currently a work in progress. While it provides basic functionality for recipe search and access to the Edaman and Youtube APIs, it is expected to evolve over time.
-
Additional Components: The project may incorporate new components and features to enhance usability and functionality.
-
Improved User Experience: Efforts will be made to enhance the user interface and overall user experience.
-
Bug Fixes and Optimization: Any reported bugs will be addressed, and code optimization will be performed for better performance.
BlazorFluentUI_FL is a web application that leverages multiple APIs to provide a comprehensive cooking and multimedia resources.
-
Edaman API: This application utilizes the Edaman API for recipe search functionality and access to a comprehensive food database. It allows users to search, browse, and save their favorite recipes.
-
YouTube API: The application also integrates the YouTube API for browsing any videos on YouTube. Additionally, it stores video content in a SQLite database for easy access.
Built with Blazor Fluent UI, the application offers a user-friendly interface for an enhanced culinary and multimedia experience.
- Recipe Search: Users can search for recipes based on keywords, ingredients, or dietary preferences.
- Food Database: Access to a vast database of ingredients, nutritional information, and recipes.
- User-friendly Interface: Intuitive design and navigation for a seamless user experience.
- Responsive Design: The application is optimized for various screen sizes and devices.
- Fast Responses: Users can select recipes from prior searches, thus avoiding trips to the Edaman API, allowing offline searches for quick access.
- YouTube Video Search: Users can browse and watch any videos on YouTube.
- Video Database Storage: Video URLs can be stored in a SQLite database, allowing users to keep track of videos that have caught their attention, are marked as favorites, or found useful.
- Settings: Configure the application theme (light or dark).
- Video Categories Management: Add, edit, delete, and search video categories.
Recipes
Food Database
Youtube
Settings (App themes)
To install the Edaman API with Fluent UI locally, follow these steps:
-
Clone Repository: git clone https://github.com/fauxtix/BlazorFluentUI_FL
-
Navigate to Directory: cd EdamanFluentApi
-
Install Dependencies: dotnet restore
-
Update appsettings.json: Include your Edaman APP_ID and API_KEY keys Include your Youtube keys (YouTubeApiKey, YouTubeApplicationName, ClientId and SecretClientId)
-
Run Application: dotnet run
-
Access Application: Open a web browser and go to
http://localhost:<port>.
-
Search for Recipes: Enter keywords, ingredients, or dietary preferences into the search bar and press enter to see relevant recipes. User choices for saving favorite recipe searches are stored in JSON files for easy access and retrieval.
-
View Recipe Details: Click on the 'Preparation' button in the recipe card, and navigate to the 'source' site, to view detailed information including ingredients, instructions, and nutritional facts.
-
Explore Food Database: Browse through the food database to discover new ingredients, recipes, and nutritional information.
-
Explore Video Database: Browse through the database to discover a wide range of videos covering various topics of interest. Videos from YouTube can be accessed and their information stored in a SQLite database for future reference.
- Blazor Server
- Blazor Fluent UI components
- .NET Core 8
- Fausto Luís (fauxtix.luix@hotmail.com)
- Filipa Luís (filipaluis@gmail.com)
- Margarida Luís (margaridaluis@gmail.com
Special thanks to the contributors and the community for their support and feedback.
Contributions are welcome! If you have suggestions for new features or improvements, feel free to submit a pull request or open an issue on GitHub.
This project is a work in progress and may undergo changes and updates without prior notice. It is being developed for educational purposes and may include experimental features and components. It does not serve any commercial or production purposes.
This project is licensed under the MIT License - see the MIT-LICENSE.TXT file for details.