yumShares: Appwrite Hashnode Hackathon

Team Details

This project was developed and coded by Ijeoma Igboagu

Hashnode username: @Ijay

Description of Project

YumShares is a fully responsive, user-friendly website that allows individuals to share and explore meals and recipes from all over the globe. Whether you're a food enthusiast, a home cook, or a professional chef, YumShares has something to offer. With its simple and intuitive interface, YumShares provides access to an extensive collection of recipes. The platform is designed to cater to the needs of all food lovers, providing a seamless experience for sharing and discovering delectable recipes across all devices.

The Idea

I enjoy hearing people praise my meal and watching them enjoy it. But I don't really enjoy eating myself. I often grow tired from eating, mostly everyday staple foods, so I came up with the concept to create an online recipe website to provide people with ideas for a variety of meal options rather than relying on the same staple foods. More importantly, I intended to stretch myself by using this project as a chance for learning and growth. I believe taking on this task will significantly contribute to my self-improvement.

Tech Stack

• Built using Vite ( React.js)

• Project styled with TailwindCSS

• For fetched data displayed TheMealDb

• For form subscription endpoint fabform. To learn more about how you can integrate FabForm into your website, you can read further.

• Appwrite Cloud

  • Authentication: The signup and login page

  • Google OAuth Service : Users can easily create an account and sign in to the application. They have the option to login using their Google account, which makes the process more convenient. Appwrite takes care of handling the entire authentication and session creation for OAuth.

• Database: Appwrite's cloud database enables the addition of Recipe ideas. Users can easily add their favorite Recipes to the relevant collections, and they can also view and share them with others.

• yumShares hosted at Vercel

• In summary, appwrite was essential in putting up a user database collection and establishing the account dynamically each time a user signed up or logged in. Providing users with the means to add and preserve data permits people to contribute their own ideas to the project. This cooperative strategy promotes involvement. I found that managing user accounts, and enabling data storage for the project, all were made simple by Appwrite's storage.

Challenges

The first problem I encountered was creating user accounts and setting up authentication. It was quite difficult to understand and implement these processes correctly. Later on, I also faced challenges with managing the database collection and establishing relationships. This was important so that users could create and share their own posts. Figuring out how to make everything work together was not easy. Luckily, the Appwrite team came to my rescue. They provided clear and helpful documentation that guided me through the process. They also offered their support whenever I needed it.

Thanks to their assistance, I was able to overcome these challenges and successfully incorporate the desired features into my project. I am truly grateful to the Appwrite team for their expertise and support.

Public Code Repo

The project source code can be found here

Demo Link

Youtube link

Thanks💕