-
This is the first section of our code.
-
This is the second section of our code.
-
This is the third section of our code.
-
This is the fourth section of our code.
-
This is all of our code.
Inspiration
The inspiration for our project comes directly from Covid-19 and its severity, and effects on our society currently. While many are social distancing, and wearing masks, recently more and more have been ignoring the rules that have been put into place. We have also seen many people not properly wearing masks, or are misinformed that only the elderly are infected. This virus has gone rampant for too long, and we hope to help it come to an end soon.
What it does
Our website informs users about Covid-19 with simple and intricate descriptions, emphasizing the importance of masks, as well as the inclusion of other prevention methods and helpful links.
How I built it
We used HTML5, CSS and Javascript to create the website. The HTML was used for the formatting and structure, the CSS was used for the graphics (including colour, font, alignment, size etc.) and the Javascript was used for interactive content, such as the buttons on the form at the bottom of the website.
Challenges I ran into
Since we are complete beginners when it comes to Web Development, we didn’t know the basics of any of the programming languages like html5 or css. We overcome these obstacles by watching the pre recorded lessons provided as well as youtube tutorials. As well, we made many mistakes at first with our code (ex. Forgetting the end tags), which resulted in errors in the formatting (ex. Indent where it was not needed). Furthermore, it was a bit confusing at first when we shared our lines of code as there was so much to combine. We learned a lot along the way and there weren’t too many obstacles.
Accomplishments that I'm proud of
We learned HTML5 and CSS in less than 8 hours and were able to create a functional (basic, but still functional) website which conveyed information easily.
What I learned
We learned that coding takes patience! We didn’t expect little things to take so long, but since it is a meticulous process, it took much longer and it was much harder than expected. However, we learned the basics behind all our favourite websites and we are looking forward to the future.
What's next for Covid Care Canada
We are looking to expand our website! We want to create more pages, use buttons and make our website look a bit more professional by using CSS and Javascript. An example of another page we would definitely add is some live global stats. Additionally, the website looks a bit rough right now due to the time limit, however we are sure that we will improve in the near future and create an amazing website.
Log in or sign up for Devpost to join the conversation.