Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ilhamadhim/covid-vaccination-rate

Consume API ML Prediction in Frontend, built with React JS, Antd, CSS custom styling, and Data Visualization with Recharts
https://github.com/ilhamadhim/covid-vaccination-rate

antd covid-19 javascript react reactjs

Last synced: about 2 months ago
JSON representation

Consume API ML Prediction in Frontend, built with React JS, Antd, CSS custom styling, and Data Visualization with Recharts

Host: GitHub
URL: https://github.com/ilhamadhim/covid-vaccination-rate
Owner: ilhamAdhim
Created: 2021-11-19T12:39:31.000Z (about 3 years ago)
Default Branch: master
Last Pushed: 2021-12-24T11:58:50.000Z (about 3 years ago)
Last Synced: 2023-03-11T17:56:54.580Z (almost 2 years ago)
Topics: antd, covid-19, javascript, react, reactjs
Language: JavaScript
Homepage: https://pantau-covid-19.netlify.app
Size: 5.32 MB
Stars: 1
Watchers: 2
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # COVID 19 - Vaccination Rate Frontend

## Executive Summary

Indonesia is predicted to have demography bonus by 2030 -2045. However, for the past 2 years, COVID-19 breaks in and leads to interference of labors in their productive age. Responding to this, Indonesia has done preventive solution of this epidemic through vaccinations. To combat the virus, BPOM has permitted 10 vaccines variants by 18 October 2021.

 > Knowing these facts, the question in mind is 

 > 


 >  How is the prediction of vaccination rate to achieve herd immunity ? When will it be ?  

## Project Overview




 

![App Logo](https://github.com/ilhamAdhim/covid-vaccination-rate/blob/master/documentation/logo.png?raw=true)

App Logo 




To answer such questions, we tried to develop a web application that serves information of daily cases, hospitals available in Indonesia, as well as trained ML model to predict the vaccination rate.




 Landing Page 

![Landing Page](https://github.com/ilhamAdhim/covid-vaccination-rate/blob/master/documentation/beranda.jpg?raw=true)




 Covid Cases - Last 7 Days 

![Covid Cases - Last 7 Days](https://github.com/ilhamAdhim/covid-vaccination-rate/blob/master/documentation/pantauan-covid-seminggu-terakhir.jpg?raw=true)




 Vaccination Prediction 

![Vaccination Prediction](https://github.com/ilhamAdhim/covid-vaccination-rate/blob/master/documentation/predict-vaccination-rate.jpg?raw=true)




 Health Tips 

![Health Tips](https://github.com/ilhamAdhim/covid-vaccination-rate/blob/master/documentation/tips-kesehatan.jpg?raw=true)

## Tech Stack

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Ant-Design](https://img.shields.io/badge/-AntDesign-%230170FE?style=for-the-badge&logo=ant-design&logoColor=white)

![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

## List API Used

- 📍 [API Covid-19 daily case per provinsi](https://apicovid19indonesia-v2.vercel.app/api/indonesia/provinsi/more)

  

- 🦠 [API Covid-19](https://covid19.mathdro.id/api)

  

- 💉 [API Hospital List for Vaccinations](https://github.com/satyawikananda/rs-bed-covid-indo-api)

## Project Parts

See other repos : 

- ⚙ [Backend + ML Implementation ](https://github.com/farkhan777/Indonesia-COVID-19-Ratio-Vaccination)

## Deployed by

![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge&logo=netlify&logoColor=#00C7B7)