COVID-19 Numbers / Data Web App

COVID-19 Data App developed using NextJS, SWR, and Chakra-UI Live Here

powered by:

• @mathdroid's covid-19-api
• @ariya's dekontaminasi
• @Reynaldi531's api-covid19-indonesia-v2

This is a Next.js project bootstrapped with create-next-app, added with Chakra UI and TypeScript setup.

Getting Started

First, run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying src/pages/index.js. The page auto-updates as you edit the file.

References

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.
• Chakra UI
• TypeScript
• SWR

Release Notes

v1 (May 2020)

• GatsbyJS + Evergreen UI + TailwindCSS
• Nivo Charts

v2 : Redesign and Re-write (Sep 2020)

• NextJS + Chakra-UI
• SWR

in progress / to-do's:

• charts
• details for Indonesia
• responsive styling for desktop
• PWA configs (next-pwa)
• give type definitions for api response (so don't have to use any)