Check & Go

Dashboard
Homepage
Product listing
Search page
Search results
Submit a product
Google Places Autocomplete

Inspiration

Searching for the best price on google while on a supermarket is quite annoying to do :/

Besides, instead of frantically searching for the best deals by running around the supermarket, wouldn't it be better if all the information was on one site? You could plan your journey ahead and leave satisfied.

Therefore, we decided to come up with a platform where users can share, collaborate and contact each other about the best prices in supermarkets around them.

What it does

Check & Go is designed to help shoppers to find the best deals in their area, whether it's from a supermarket or from the comfort of the user's home. Features of the site:

User collaboration - users upload items and products in a supermarket, including the location. This data will then able accessible to anyone in the world.
Image upload, giving the user a better idea of what's being sold - Don't worry, if you forgot to take one, there's a default image there!
Quick, easy navigation around the site.
Intelligent autocomplete suggestions of places while uploading, ensuring precise locations (we don't want to go to the wrong supermarket!)
User's email at the bottom, so users can contact each other and communicate
Quick, accurate navigation link to the supermarket (no matter where in the world you are!)
Product search - search for the items and products you want by the product name, description, store location or item tags.
Free! No login, signup, or payment required - everyone deserves to save their time and money.

How we built it

Brainstorming
UI prototyping
Setting up Places API, Google Firebase and the rest of the site
Styling the front-end

Challenges we ran into

Getting the API to work
Saving a picture to firebase
Small bugs
A CSS file went missing when pushing for some reason so we had to do it all over again :')

Accomplishments that we're proud of

Most of us are high school students
Decently good design despite all of us being beginners in CSS
Managed to somewhat complete a project

What we learned

We are all complete beginners on CSS XD (for reals, kudos to CSS developers out there)
Sleep is optional, Hacking is eternal
=== Jokes Aside ===
Using Firebase, storing images on firebase storage and linking them to the main database.
CSS

What's next for Check & Go

Better front end page design
More features such as talking assistant to help shoppers communicate with others using text-to-speech APIs and speech-to-text APIs to support more choices
Moderation from the community/official store owners