Inspiration

Many people feel they are unable to make a strong impact when it comes to environmental issues. For example, while it is widespread knowledge that fossil fuels hurt the environment, it is not economically viable for many people to switch to renewable energy.

We believe that food waste is a major issue, especially in the U.S. In 2020, about 1000 tons of food was wasted every minute. Our website is designed to help people minimize their food waste and make the most of their groceries.

What it does

Our program has three main features: recipes, a pantry tracker, and meal planning. The recipes tab is used to save recipes. The recipes are focused around scrappy cooking. For example using banana peels to make vegan bacon. The pantry tab stores any and all fruits and vegetables along with other pantry items to a list. We were able to build an auto completion bar which has some stored items along with how long they will last in proper refrigeration. This function in theory would help with managing and remembering what food is about to go bad and should be used as soon as possible. We also have a meal planner, which is used for planning out daily meals, and we wanted it to link to the pantry to allow the user to choose from the current items they have so they don’t go and buy more food. We want users to learn that even if a food item is wilting or going bad, it can still be used in a yummy and less wasteful way!

How we built it

Our code was built using HTML, CSS, and Javascript.

Challenges we ran into

Two people on our team had no experience with web development so we had to work together learning different and complex aspects of HTML, CSS, and javascript. We did not have enough time to complete all the ideas we had for our project including adding local storage to save the data on the website when transitioning between screens or linking to a PHP server due to computer limitations. Luckily, our team was able to produces a functional website that had most of the components we wanted and an appealing UI/UX!

Accomplishments that we're proud of

We are proud that we were able to make a functional website considering over half the team has never even written with HTML, CSS, and javascript. We are also super proud of how much we learned to form the page switching to aesthetics of a website. Even features we did not have time to add we were able to research and learn about like php servers and DOM.

What we learned

We learned a lot about how to use HTML, CSS, and javascript. Two of our members were completely new to the format of HTML and CSS, so we ended up learning a lot about web development.

What's next for Ortify

We hope to spend more time on our website and add the features we did not have enough time to add. For example, a working local server to save the web site's data, a larger library of food items in the auto-populate search bar, and the ability to populate recipes from google. We know being mindful of food waste is hard, and we hope to continue to build Ortify into a fun and easy way to deal with food waste.

Built With

Share this project:

Updates