Skip to content

ArkTorch3rd/Assignment-2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Assignment-2

Project's Name

ALl About Covid-19

This website is a covid-19 website which will educate the public more on covid-19. The public will get to know much more about virus after browsing through the website

Design Process

Since, this is a covid-19 website,We make use of a white theme to show that it is health-related website.Formal fonts were use to show the website formality.There are also many animations and pictures being included to maximize the interactivity of the user with the website.This website is targeted at general public(regardless of their ages) who is keen to learn more about covid-19 virus or to know the latest statistics of covid-19 cases. The goal of the website is to educate the general public on covid-19.Educating the public on the symptoms when they are infected with covid-19, how to prevent themselves from getting covid-19.At the same time, also allowing them to know about the different vaccines available,the latest world-wide covid-19 news and the statistics of covid-19(eg. number of cases globally etc).

Features

Existing Features

  1. A map and dashboard showing the number of covid-19 cases in different countries (API)

    Allow the user to know the number of covid-19 cases, number of deaths caused by covid-19,number of recovered cases globally or in respective countries by interacting with the map or dashboard.

  2. Information on covid-19

    Allow the user to know a little bit more about what exactly is covid-19 and how covid-19 is spread.

  3. Symptoms of Covid-19

    The "Symptoms" section lists many examples of common symptoms which patients with covid-19 experienced. From here users can better look after themselves as they would be able to seek medical attention faster after knowing the symptoms.

  4. Prevention of Covid-19

    Educate the user on the ways to prevent themselves from getting covid-19.

  5. Information about different vaccines

    The vaccination section lists the different vaccines that users can take. we also provided more information on the different vaccines, such as background information of company and the minimum age required to take the vaccine.

  6. faq

    Users get to see the answers to some commonly asked questions.

  7. Blog section which consists of the news on covid-19

    Allowing the user to know the latest worldwide covid-19 news

  8. Contact Section

    The contact section allow users to provide feedbacks or questions that they have for us.

  9. Survey

    To check on the user understanding and allows us to make improvements on our website

Features Left To Implement

  1. A Covid-19 Game to make the website more interactive and at the same time able to check for user's understanding

Technologies Used

  1. Css
  2. Html
  3. JavaScript
  4. jQuery
  5. Bootstrap
  6. API
  7. Lottie

Testing

  1. About Page

    • i. Go to the about page.
    • ii. There will be a slider which will moves to the next slide automatically
    • iii. Try to click on the arrow button and verify that it also do move to the next slide
  2. Symptoms

    • i. Go to the symptoms page.
    • ii. When hover through one of the images, verify that a box of text will. subsequently appear.
  3. Vaccines

    • i. Go to the vaccines page.
    • ii. There will be a slider which will move to the next one automatically.
    • iii. Try to click on the arrow button and verify that it also do move to the next box.
  4. FAQ

    • i. Go to the FAQ page.
    • ii. When pressed on the box that contains the question, verify that the answer to the query will pop out.
    • iii. Also verify that the slider will move to the next FAQ automatically
  5. DashBoard

    • i. Press on the button view statistics in the homepage, it should bring you to this dashboard page
    • ii. Try to click on any part of the map, verify that the country name and the total number of covid-19 cases will appear
    • iii. Notice that at the bottom section, there is a table showing the total cases,new cases, etc/
    • iv. Try to use the search button to search for the country you want to know the statistics of, verify that the statistics of the country will appear
  6. Map

    • i. Go to the Map page
    • ii. Try to select the country that you want using the selector. You may also type in the country name you want to know the statistics of
    • iii. Verify that the total cases,deaths,new deaths and number of recovered cases for the selected country will appear.
    • iv. Click anywhere on the map, verify that the country name will be shown

Credits

API Link

  1. https://corona.lmao.ninja/
  2. https://api.covid19api.com/total/dayone/country/bd

Reference Made (Content)

  1. https://www.who.int/health-topics/coronavirus#tab=tab_1
  2. https://www.who.int/westernpacific/emergencies/covid-19/information/transmission-protective-measures
  3. https://www.cdc.gov/coronavirus/2019-ncov/prevent-getting-sick/how-covid-spreads.html
  4. https://www.verywellhealth.com/common-covid-19-questions-4800068
  5. https://www.bbc.com/future/article/20200323-coronavirus-will-hot-weather-kill-covid-19 coronavirus-daily-news-updates-february-2-what-to-know-today-about-covid-19-in-the-seattle-washington-state-and-the-world/
  6. https://www.who.int/westernpacific/emergencies/covid-19/information/transmission-protective-measures
  7. https://www.who.int
  8. https://www.cdc.gov/coronavirus/2019-ncov/vaccines
  9. https://www.channelnewsasia.com/watch/singapore-streamline-covid-19-and-border-rules-announces-new-vtl-hong-kong-video-2502346
  10. https://www.channelnewsasia.com/watch/new-covid-19-treatment-facility-children-and-elderly-opens-singapore-expo-video-2497901
  11. https://www.who.int/westernpacific/emergencies/covid-19/information/transmission-protective-measures

Media

  1. https://www.bing.com/images/search?view=detailV2&ccid=qMwy06WK&id=8D02C71D256724B395FE1E877A626A2B1B30BBB0&thid=OIP.qMwy06WKF_60d_-_UF7JxwHaE8&mediaurl=https%3a%2f%2fwww.unomaha.edu%2fnews%2f2020%2f03%2fimg%2fcovid-19-check.jpg&exph=800&expw=1200&q=COVID-19+Logo&simid=608024299675745741&FORM=IRPRST&ck=172EB2A1FFC652F407FC8BA287D489BD&selectedIndex=0&idpp=overlayview&ajaxhist=0&ajaxserp=0
  2. https://www.youtube.com/watch?time_continue=2&v=D9tTi-CDjDU&feature=emb_title

Website Template used

  1. https://elements.envato.com/corano-covid-19-coronavirus-awareness-html-CFYLCSL

  2. https://elements.envato.com/coronavirus-live-statistics-dashboard-template-FQFQB34

<<<<<<< HEAD

=======

Pitch Link

https://drive.google.com/file/d/1lxicB-gfN57c346pOVjTIYz1-RYKLnEI/view?usp=sharing

ab78e078b1a1a2c57c3280ce281870b1fa194765

GitHub Page Link

https://arktorch3rd.github.io/Assignment-2/index.html

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •