There are many resources being depleted at a high rate, among the pandemic. We wanted to create an app that allows for users to find resources that are in stock. The app will update users live-time and ensure that the best resources are put forward.

What it does

The app allows users to easily locate health products. In the midst of the COVID-19 pandemic, we all know that it is hard to find hand sanitizer in stores. It is also hard to find a hospital or public health facilities around. This app updates users real-time to help locate the nearest resources and the ones that are in stock.

How I built it

The app is built on React JS for the front-end, because it is the most accessible way for everyone to access a website. It will be accessible through a PC as well as a mobile phone. We also used Firebase to host our front-end app. We wanted our app to let users see the real time quantities for each product, hence we used the Firebase Database as well.

Challenges I ran into

The main challenge we faced as a team was becoming more familiarized with the different technologies we used for this project. Though some team members had front-end experience, none of us had experience using Firebase. For example, we had trouble connecting the Firebase database (backend) to the React UI (frontend). In this short period time, we had to learn how to navigate Firebase and how to implement Firebase into our project. Communicating between each other and to the mentors helped us overcome this challenge and learn a lot. Another challenge we faced was working in different time zones. Two team members were working from Canada while one team member worked from Singapore, so there was a 12 hour difference between us. So, we decided to keep in contact via Discord and Slack and gave updates to make sure we were all on the same page.

Accomplishments that I'm proud of

We were able to work as a team, although being 12 hours apart. Compared to standard hackathons, working virtual had many challenges as we were unable to interact often. It was very interesting to work from home, but we were able to build a full-scale application, combining all our skills.

What I learned

We all learned how to build a full-scale application, even working from home. It was great to be able to learn new skills such as pairing React with Firebase, and learning how to deploy a web application.

What's next for MediLA

We would want to create features such as Owner Mode, in which owners of smaller shops can update stock personally. We also want to implement Machine Learning, in order to help with the language translation and item stock predictions.

Try It out



bootstrap, css3, firebase, google-maps, java, javascript, react

Devpost Software Identifier