Skip to content

Visualizing real-time global COVID data with Nivo, Nextjs, TypeScript, Bulma and Framer-motion

License

Notifications You must be signed in to change notification settings

vincecao/COVID19-statistics

Repository files navigation

COVID-19-statistics

Visualizing real-time COVID global data with nivo, nextjs, typescript, bulma and framer-motion. Check more in COVID-19-statistics.

covid-19-statistics

Screen Shot 2022-09-24 at 5 49 04 PM

Environment

.env file is needed in order to call API correctly. API_KEY could be found from RapidAPI

API_KEY=<API_KEY>
COVID_API_HOST=covid-19-data.p.rapidapi.com
COVID_API_HOST2=covid-193.p.rapidapi.com
COVID_API_HOST3=covid-19-statistics.p.rapidapi.com

Developement

# Install dependencies
pnpm i

# Add your pem files into `/certificates` folder, so your localhost can be hosted as HTTPS connection. 
# Recommand to use opensource mkcert library from github
# - certificates
#   - local.com+5-key.pem
#   - local.com+5.pem

# Start development mode
pnpm dev

# Build
pnpm build

# Lint and lint:fix
pnpm lint
pnpm lint:fix

About

Visualizing real-time global COVID data with Nivo, Nextjs, TypeScript, Bulma and Framer-motion

Topics

Resources

License

Stars

Watchers

Forks