Skip to content

An mobile-friendly web app that assists your cooking by guiding you through your recipe using voice. This app was built during HackZurich 2023 within 24h.

Notifications You must be signed in to change notification settings

SimonIyamu/Remy-Your-cooking-voice-assistant

 
 

Repository files navigation

Remy

image

Watch our demo

"Okay Chef, what's the next step?"
"Okay Chef, I don't have curry. What can I use instead?"
"Okay Chef, Done!"

This app was built during HackZurich 2023 within less than 24h from idea to product.

What it does

Remy is an LLM powered voice assistant for the kitchen. The user can simply tell Remy what they're cooking (per URL to an online recipe or prompt it with an idea for a dish), Remy will interactively talk the user through every step of the recipe, allowing hand-free interaction. Additionally, as the user gathers ingredients, Remy suggests Migros’ sustainable alternatives, weaving sustainability effortlessly into the kitchen routine. The user can choose the voice that the narrator uses (Default, Authentic, Gordon Ramsay).

image

How we built it

At the core, LLM powers our back-end, deftly processing recipes, extracting ingredients, and suggesting alternatives, while adeptly navigating user prompts. Voice interaction? We leaned into the Web Speech API for flawless speech-to-text conversion, and chose Eleven-Labs to breathe life into the text, translating it back to guiding voices. The facade you interact with is sculpted using React-JS, housed comfortably on Firebase. And that touch of sustainability? It’s data-driven, with a nod to Migro's comprehensive products dataset.

WhatsApp Image 2023-09-18 at 16 59 11

Challenges we ran into

We often lost focus, wanting to do too much at once. Combining our work was challenging. Understanding and responding to natural speech, like knowing when to listen, was hard. Setting up the app for everyone to use gave us headaches. And figuring out the best way to handle recipe prompts took a lot of time and effort. Goal setting and delivering a specific result by a certain time proved to be a challenge.

Accomplishments that we're proud of

Seeing our first Proof-of-Concept come alive within 24hours was a major win; it was proof our idea wasn't just a dream but could work in real life. We're incredibly proud of the originality of our concept. The way we divided tasks and maintained focus was spot-on. And bringing together everyone's contributions into one cohesive app is a feat we'll always cherish.

What we learned

We learned the importance and understanding the goal that we are all working towards together.

What's next for Remy

We're eager to improve it further and make it even better. Our goal is to reach more people and have our app used in kitchens and stores, everywhere.


Getting Started with Create React App

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Learn More

You can learn more in the Create React App documentation. To learn React, check out the React documentation.

About

An mobile-friendly web app that assists your cooking by guiding you through your recipe using voice. This app was built during HackZurich 2023 within 24h.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 86.5%
  • HTML 6.8%
  • Python 3.9%
  • CSS 2.3%
  • JavaScript 0.5%