Gastroworld

The world's most delicious map

Comment

💡 Inspiration 💡

The cuisine is fundamental in the identity of a country. It represents the evolution and growth of the culture in the country itself, involving many local ingredients in its preparation. You can tell a lot about a country and its people by what ingredients they use in their traditional cuisine.

With GastroWorld, our goal is to spread knowledge about local recipes and how they influence the culture of a country, revealing many things about their identity by making recipes written by locals available for the world to see.

❓ What it does ❓

GastroWorld lets locals share their recipes of traditional cuisine from their country. We use a huge, gorgeous map as the main menu to access all of the recipes, placing a pin in the map for the location of origin of the recipe. By clicking on the pin, it will take you to a separate section with all of the info about the recipe. The recipe will also include a youtube video that remarks on the culture behind the dish.

If you want to add a recipe to the map, you can click on the location your recipe is from, and the app will take you to a markdown editor to add your recipe's details, from the ingredients to the preparation. After that, your recipe will be available for all users to try.

🔧 How we built it 🔧

We used React with Next.js for the frontend, with the Google Maps API for the big map in the main menu. We also use Coil to prevent spam recipes by only allowing Coil users to publish their recipes. We used a custom CRUD backend to store the recipes built with FastAPI and MongoDB. We host both the frontend with Next.js, NGINX and Serverless functions and the backend using Linode's Nanodes.

🚧 Challenges we ran into 🚧

Our main challenge was getting the click-to-add-a-pin feature to work, especially since we were using a third-party API (Google Maps) for the main menu. However, we're happy that we got it to work correctly for the main menu to look great with all of the recipes.

✅ Accomplishments that we're proud of ✅

We're proud of experimenting with 3rd party APIs since this was the first time we added something besides its initial functionality to give it a twist towards another way of using it.

📘 What we learned 📘

We learned a lot in this Hackathon. Mainly with Linode's IaaS, which let us deploy our frontend and backend in an affordable infrastructure that's also very easy to use and set up.

🚀 What's next for Gastroworld 🚀

We're planning on adding a feature to buy all of the ingredients for the desired recipe automatically using data from the nearest local supermarkets that have the ingredients available for the user. We're also planning on giving our app a more social media look by adding a feed with recommended recipes and a curated list from local chefs that recommend recipes from certain regions to get the best quality and tradition from different cultures.

Built With

Share this project:

Updates