Coffeeberry

• 

  1) Our home page.

• 

  2) The Market page that features all the postings made.

• 

  3) The product page once you click on a posting.The units left updates everytime someone makes an order.

• 

  4) The order form from the product page. The slider is to ensure that the user can only order the max no. of units left.

• 

  5) The page to create a posting. Once the posting is made, it can be accessed on market or managed on "your posting" page

• 

  6) Since our web app does not rely on user authentication, our app tracks the user's name to provide all his/her orders or postings made.

• 

  7) The page to track your orders. The status will change once the owner of the posting updates the status of the order.

• 

  8) The page to manage your posting. From here, you can change the status of the orders made on your posting, or delete the posting.

Inspiration

We were inspired during a conversation we had with our friends who worked in cafes or were coffee lovers. They described the process of buying coffee beans as tedious and has a high barrier of entry to people who are unfamilliar with coffee beans. As such, we decided to provide a solution, in 24hrs!

What it does

It provides a online market for coffee bean suppliers to post their goods for sale, and for buyers to search for the type of coffee beans they want. The idea is similar to other E-commerce platforms but it is optimized and tuned for the coffee bean industry.

How we built it

We made use of ReactJS as our frontend framework, as well as ExpressJS as our backend framework. As it is relatively small scale now, we did not rely on a mainstream database to store our data, but rather a temporary database in our backend. We utilized Material-UI's themes and components to build our UI, and we mainly relied on Javascipt in the project.

Challenges we ran into

We ran into many many challenges! For instance:

• Working together as a team online
• Unexpectedly long hours of work with minimal breaks
• Last minute changes to plans made at the start of the hackathon

While the hackathon wasn't easy, it was really fulfilling and it pushed myself to the limit! :)

Accomplishments that we're proud of

We are proud to have produced a working MVP, especially for a potentially large scale project! We are still amazed at how we did it in merely 24 hrs! That is definitely the biggest accomplishment of HackNRoll 2021!

What we learned

Personally, I learnt that many things can be done in 24hrs. If we could complete this project in 24hrs, who knows how much more we can do given a longer period of time. Moreover, I believe that we have definitely picked up or improved our web development skills throughout the hackathon. Overall, good discoveries and growth!

What's next for Coffeeberry

Since this submission only featured an MVP of a product, we do have many other features in mind such as user authentication, css animations, filtering of postings through a series of novice-friendly questions and many more! Give market research, this could be a startup idea in the future too!

Built With

• javascript
• material-ui
• node.js
• react