Отслеживание COVID-19 в реальном времени

Итак, как я уже упоминал в своем первом сообщении в блоге, в настоящее время я работаю медсестрой и меняю профессию. Я думал, что создам проект, который будет актуален, поэтому я создал свой собственный трекер COVID-19!

Требования проекта заключались в создании одностраничного приложения с использованием JavaScript, HTML и CSS с использованием данных, полученных из общедоступного API. Я использовал общедоступный API, в котором статистика COVID по странам обновлялась каждый час, поэтому я назвал его «живым» трекером.

Мне было ОЧЕНЬ трудно заставить эту первую половину работать правильно. Может потому, что это был мой первый проект, но…. JS…. это не легко! Если кто-то говорит, что это так, пожалуйста, научите меня. Может быть, я что-то упускаю. Но, после ДНЕЙ кодирования, вуаля!

Как показано на изображении, у меня есть раскрывающееся меню, которое позволяет вам выбрать страну для отображения статистики COVID-19, в том числе: Активные случаи, Последнее обновление, Новые случаи, Новые смерти, Всего случаев, Всего смертей и Всего выздоровевших.

Вот она, нижняя половина моего приложения. У меня есть еще одно раскрывающееся меню, которое позволяет вам сортировать список всех стран по самым высоким и самым низким активным случаям, а также в алфавитном порядке по странам после «Мир» и «США».

В списке всех стран он отображает страны, активные дела и последнее обновление на основе ежечасного обновления API. У меня также есть счетчик справа, который отображает сумму всех активных случаев выбранной страны. В приведенном выше примере изображения у меня выбраны мир и США (показаны зеленой галочкой), а на счетчике отображается сумма двух.

Этот проект был ОЧЕНЬ сложным для меня, но он стоил всей тяжелой работы, бессонных ночей и СТРЕСССС, чтобы довести его до этого момента. Кроме того, благодаря этому проекту я понял, что мне действительно нужно научиться просить о помощи, а не просто часами застревать на одном коде. Но я такой упрямый и хочу во всем разобраться сам, потому что это так вознаграждает меня, когда я это делаю! Кто-нибудь еще это делает?? Такая дилемма каждый раз…

Но я должен сказать, что очень горжусь своим первым проектом, учитывая, что у меня почти не было никаких предварительных знаний в области кодирования и буквально НИКАКИХ предварительных знаний о JavaScript. Итак... Я похлопал себя по спине за это. На следующем!