Collectr

A community food sharing application that reduces the chaos in grocery stores and cause less stress in people everywhere.

Comment

For Best Domain Category, we chose collectr.online.

Discord Tags

alt er love#7019, Kolten#1942, Sohil#919

Inspiration

One of our team members came up with the idea and worked on the UX/UI prototype of a mobile app during another Hackathon. We liked their idea and wanted to make the idea into reality but as a website application instead.

What it does

It will prompt you to login or sign up. Then it will tell you a little bit about the app and then it will prompt you to get started. Once you hit that button, it will ask you what you are shopping for. For instance, I would like to buy some tomatoes. When you hit that button, it will then ask you what type of delivery service you would prefer. For this one, I chose a community delivery that would be buying someone else's groceries that they already bought. They would put their listings of groceries they have in the app to sell. Then a user like me, who does not want to go to the grocery store because it is to busy will buy it off my neighbour who has some extra tomatoes that they don't need. The next type of delivery service would be a community pool. In this, everyone around the community would put in the orders of what they would like ordered and instead of 50 people going to the store only 1 person would need to thus make the traffic at the store a whole lot less chaotic. Finally, if the user does not desire either of those options they would then go for direct delivery by the company. So the tomatoes I just ordered would come right from Walmart. As of the delivery aspect, each seller would receive a plastic, reusable box from Collectr to store their groceries in for them to sell to customers. Most of the "pick up points/locations" would be situated beside things that people already know such as mailboxes.

How we built it

We built it using Adobe XD, HTML, CSS, Javascript.

Challenges we ran into

Challenges we ran into were mostly formatting everything on the pages correctly in order to resemble the Adobe XD pages and then making everything work as intended and having the buttons redirect to the correct page when clicked.

Accomplishments that we're proud of

We are proud that we were able to collaborate remotely and make the ideas become reality using HTML, CSS, JavaScript, and Google Maps.

What we learned

We gained more experience in HTML, CSS, and learned a bit of JavaScript. We also worked on problem solving and working effectively as a team.

What's next for collectR

We plan on continuing to work together to fully complete our project in order to launch it. We also plan on creating a mobile application for both iOS and Android users.

Built With

Share this project:

Updates