Inspiration:
Our project was inspired after examining the statistical data of global Covid-19 cases and how the countries have administered the vaccination so far. However, there are many people who don't abide by the regulation by not wearing masks and even getting immunization despite the stockpile of vaccine doses. There is an explanation for this: some people believe Covid-19 is not real while others are cynical of how fast vaccines are made. No matter what the reasons are against the rightful things to do, those are all misconceptions. Therefore, our group believes we have a mission to create a website in order to educate people about COVID-19 and show that their actions have the potential to affect other people negatively, and that getting vaccinations is a way to protect not only ourselves, but also for others.
What it does:
We created a friendly interface for the users to increase the accessibility and smooth mobility. The website is built-in with simple and minimum navigation to ensure it doesn't overwhelm the user, there are few key things of navigation included: content on the site, a way to go back to the mainsite (home), and links to add the search engine (articles, video and worldometer). We also pay attention to the loading time for all animations and photos, the arrangement and the layout of the webpages, and the relevance of the fonts and colors to the covid-19 theme. This will enhance the credibility of the content and visually attractiveness for the users. Finally, we also add the featured log-in system to subscribe to the newsletter if the users have an interest in getting updated with the information.
How we built it:
We used Qoom for collaboration with the bootstrap to maintain the consistency and save a lot of time for the project. We also made the link directing to other websites with the reference of the worldometer website to make sure the numerical facts are presented through the reliable sources. For the log-in system, we are able to store the database without the back-end.
Challenges we ran into:
The beta program in Qoom makes it hard for the tester who is not a host of the code script.
Accomplishments that we're proud of
As our first hackathon, we have learned a lot from the workshops, from the mentors and teammates. Our group is not diverse, but we are able to work virtually together and compromise despite the huge gap of time zone. In addition, we are able to apply the knowledge from workshops to our project, especially the log-in system without needing the back-end. It is worth noticing that we are equipped with a plethora of technical and programming languages which will prepare us a lot when working with any kind of group project in the future.
Hydrangea is definitely a fantastic educational environment that grants a great opportunity for beginners like us to learn a lot with respect to brainstorm the ideas and develop the project through the non-profit organization. Without Hydrangea, we won't be able to connect with amazing people and gain much experience. We hope to be able to come back with Hydrangea in 2021.
What we learned:
How to brainstorm for any hackathon project What is an API? How it is used for geographical feature Qoom space for collaboration How to build log-in system
What's next:
Our hope is to implement the API google map to locate the number of covid cases worldwide, and detect which area is red or green zone, informing those who consider travelling could choose the destination wisely and prepare for the prevention. Furthermore, we also would like to add the feature chatbot which could create the responsive interaction with the users and assist them quickly to the information they needed. Finally, we also want to add the educational game about covid-19 for young children who could be the generation living in a life when Covid-19 no longer exists.
Built With
- bootstrap
- canva
- css
- html
- javascript
- jsquery
- qoom
Log in or sign up for Devpost to join the conversation.