RecipeSaver: Your AI-Powered Recipe Vault

• 

  Logo

Inspiration

I built RecipeSaver out of a personal need to save and organize recipes as part of my weight loss journey. The idea was to easily collect recipes from websites and integrate them into a diet plan with the help of a chatbot I’m also developing.

What it does

RecipeSaver is a Chrome extension that allows users to save recipes from websites with a single click. It organizes these recipes in the browser, and in future versions, it will offer personalized diet plans, analyze calorie content, and export options powered by Google’s Gemini AI.

How we built it

Using my two years of JavaScript experience, I leveraged Webpack for bundling, worked with the Chrome Extension API for saving data, and integrated Google’s Gemini API to enhance the extension’s functionality with AI-driven personalization.

Challenges we ran into

The main challenge was balancing the development of the extension with my full-time job and client work. With the high season at work, I had limited time to dedicate to the project, which made project management and progress slower than expected.

Accomplishments that we're proud of

I’m proud of successfully integrating Gemini AI to provide intelligent recipe personalization and building the Chrome extension itself, which allows users to easily save and organize recipes. I also managed to work on the project in my free time despite the busy season.

What we learned

I learned a lot about Webpack, Chrome extensions, and the Gemini API. I also got deeper insights into project management under tight deadlines and how to balance personal projects with professional commitments.

What's next for RecipeSaver: Your AI-Powered Recipe Vault

In future versions, I plan to add diet planning using Gemini AI, which will analyze the calories of saved recipes and create personalized meal plans. I'll also focus on improving the alpha version based on feedback and enhance overall functionality, with export options and more user-friendly features.

Built With

• css
• gemini
• html5
• javascript
• webpack