The idea behind Panda Medic is that we wanted to find a better way to compensate for the low-maintenance the zoos are currently undergoing, by creating a web-app that can allow users to get involved with the community.
We were inspired by the current pandemic that is going and noticed that animals in zoos have been having a shortage of food supply, as well as some animals testing positive and negative to COVID-19. We have decided to create a web-app to get the community and zoo owners to communicate what is going on, in regards to the pandemic.
What it does
Panda Medic allows zoos and animal shelters to post forums that anyone can that complete to volunteer at that location. Users can create an account and start getting involved with their community to get volunteer hours. The web-app is designed to help encourage people to go out and help the zoo's animals to prevent the animals from starving from the current food shortage they are undergoing. Applicants who are interested in helping out can contact the user through the web-app and start saving the animals.
How we built it
Our web application was built with HTML/CSS/Material-UI/JS and using the React framework. We used Firebase for our database purposes, and we didn't require any API and mainly relied on our front-end to coordinate with our back-end. We used Express to build the post discussion tab where users can create a forum where users can comment on and the tab will automatically be updated upon a page refresh.
Challenges we ran into
Throughout the project, my team and I encountered many obstacles. Firstly, most of us did not know many UI skills, so we used Material-UI, which fortunately was not too difficult. Next, while using Firebase for cloud functions and our database, we had many errors that took a lot of research to resolve. Lastly, none of us had experience with Axios so we had to learn it on the fly in order to connect our front end with our Firebase cloud functions.
Accomplishments that we're proud of
We are definitely proud of our perseverance and problem-solving skills. If we hadn't stuck together and calmly continued to bug fix, we would not have seen the success that this project has.
What we learned
Our front-end team learned how to effectively use Marterial-UI and React to efficiently make the application easily accessible and simplistic for our users to navigate through our web-app. For our backend team, we learned how to use Firebase Cloud Functions to handle requests, change our database, and handle user authentication.
What's next for Panda Medic
Panda Medic is going to look for ways to continue the efficiency of the app and be able to direct message a user, instead of making a comment on a discussion. Creating a smoother and more optimized version of Panda Medic will make this web-app more user-friendly to the public.