Miserly

Home Page - Search for Groceries
Price Comparison
Recipe and Ingredient Finder
Ingredients' List Display
Price Comparison of the above Ingredients

Inspiration

The cost of living crisis is a massive problem, and its getting worse every day. Now more than ever, every penny matters. Where you do your weekly shop can have a significant impact on your budget. Prices keep changing every week, and which groceries you buy changes which supermarket is cheapest for your shop.

What it does

We built a website that lets you enter your shopping list, and shows you the prices of each item at different supermarkets, so you can pick one that suits your budget.

How we built it

We split the work into FrontEnd, BackEnd and Integration.
FrontEnd built the page templates while BackEnd built the scripts to scrape the web for data, using Github for file hosting.
Integration then took both parts and combined them.
We then extended it with a UI that prioritized accessibility.
An additional feature - recipe selection and ingredient display was then built as we had time and energy.
Finally, we used Google Cloud to host the website and run our server.

Challenges we ran into:

Collecting accurate data from supermarkets.
Displaying everything in a user friendly format.
Getting our code to run on Google Cloud - Django was a pain!
Extending it to include a recipe feature.

Accomplishments that we're proud of:

Being able to obtain real-time data.
Designing an appealing UI.
Creating something that will help people right now.
Taking it from concept to deployment within 12 hours.

What we learned:

How to solve a complex problem in a very limited amount of time.
How to set up Google Cloud.
Web Scrapping
Django
APIs

What's next for Miserly:

Link it to a domain name
Make it public
Improve our UI further
Develop our product further, to offer greater user options and ease of use.

Built With

Submitted to

GreatUniHack 2022
- Winner 3rd prize (power bank, decorative lamp, £20 Amazon voucher)

Created by

I worked on the FrontEnd, designing mockups of possible UIs and then converting them into code.
This was followed by setting up a django stack on Google Cloud and setting up a server for our site.

Kavin Gunasekara
I worked majorly on the back-end with the Django framework designing the structure of our web application. I implemented the connections between URLs and view (logic) model in the back-end. So, the appropriate logic can be done based on the required information in each web page and the data processed can be combined with template to render the front-end appearance. In addition, I worked on templates in the front-end because I was in charge of the integration of the front-end templates and the back-end in our application. Then, I tested that the final application works as expected after integration.

vishalsekar04
Wrote two scripts for scraping the web. This dynamically produces the data for the website based on user queries. The first script scrapes a webpage on supermarket product prices based on product. It fetches the prices for the ingredients the user specifies. The second script takes the name of a dish and returns a list of all the ingredients used in the dish. This list can then be used for getting the price of each ingredients in different supermarkets. Also worked on deploying the Django project on Google Cloud apart from getting a domain from domain.com.

Rishi Ravikumar
I worked on the frontend part of our project and helped make the templates used for different pages for our website.

Ananta Kakkar

Updates

Kavin Gunasekara started this project — Nov 13, 2022 06:57 AM EST

Leave feedback in the comments!

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