Simple Recipes

Home page
Recipe suggestion page
Demonstration of search filter
Availability of ingredients at the ASUCD Pantry
About Page

Inspiration

This project was inspired by the need of college students to create healthy meals by trying out new simple recipes without requiring prior experience.

What it does

Displays recipes based on the ingredients present in the users kitchen. If the recipe displayed has additional ingredients then their availability in the UC Davis Pantry is shown.

How we built it

Used mysql database to store the ingredients and recipes. Database of ingredients was provided by UC Davis Pantry Html and css to build the frontend Php and javascript to link them together

Challenges we ran into

Linking domain. Linking backend and frontend. Making website responsive and learning php on the spot.

Accomplishments that we're proud of

Filtering and implementing database. Creating a fully functional website from scratch in 24h !

What we learned

Team work and troubleshooting. Learning concepts on the go and improvising.

What's next for Simple Recipes

Expanding database, suggestions based on user inputted time, implementing AI and Machine Learning to personalize suggestions.

Built With

Submitted to

HackDavis 2022

Created by

Identified problem and planned out solution. Assembled the team. Linked pages of website. Helped out with front end (html and css ) and collected resources for database. Worked on setting up domain and hosting.
Communicated with external groups (eg pantry) to make project possible.

Brinda Puri
I worked mainly on back end as I had a bit of experience with SQL and databases. I had not implemented a database for a webpage prior to this, so it was a bit of a challenge having to learn HTML, CSS , Javascript for the first time. It was an interesting experience to be able to work with different database schemas and queries and using PHP to link the database to the website although it was rather challenging in the beginning. Overall. it was a great experience and I had a lot of fun!

Naomi Prem Lim
I worked mainly on the front end. Although I have back end experience, I also have gained some experience in HTML and CSS recently, so I focused on the front end UI and design of the website's pages. This was an interesting and engaging experience and I had a great time learning how to implement a website using HTML and CSS!

Sanskriti Jain
I created a wireframe on figma which the developers implemented and then also helped with debugging the front-end code.

Divya Nair

Updates

Brinda Puri started this project — Apr 17, 2022 02:30 PM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.