A web application showcasing a recipe interface, initially powered by a Hugging Face AI model to generate recipes dynamically. Due to certain limitations, the app has been updated to work with a mock API for demonstration purposes, highlighting the frontend development skills involved.
- User-friendly interface to browse and search for recipes.
- Dynamic fetching of recipe data using a mock API.
- Future-ready architecture to integrate backend and AI-powered functionality.
The app was initially designed to leverage a Hugging Face AI model for recipe generation. However, two main challenges led to the shift:
- Private Key Management: The AI model requires a private key, which necessitates a backend for secure storage.
- Cost and Access: The AI model is paid and has a limited free usage quota, making it impractical for hosting the app in its original form.
To address these issues, I commented out the original AI integration code for a future update when a backend is added, and transitioned to using a mock API.
This app demonstrates my frontend development skills and serves as a foundation for future enhancements with AI and backend integration.
The app is hosted on Netlify for easy access. You can view it here:
- Implement a secure backend for private key management.
- Re-enable the AI-powered recipe generation feature.
- Explore additional features like user authentication and recipe saving.
I am open to feedback and suggestions for improvement. Feel free to contact me via LinkedIn or raise an issue in the repository.
Thank you for checking out the Recipe Web App.