Statistic Information about Covid-19 using a Rapid API

This UI will consume the endpoints for Covid-19 Status created before.

Stack for this API

Programming Language

• Javascript and Typescript

UI Library and Framework

• ReactJS
• Nextjs

UI Design

• Ant Design

Authentication

• JWT

Deployment

• Netlify

Run this Project Locally

1. Clone the repo on your computer, please make sure you have installed Nodejs, Yarn and Git on your machine.

https://github.com/billiramirez/statistics-covid-19-ui.git

2. Install Dependencies

yarn install

3. Create a .env.local file in the root of your project, you'll find a .env.example that will looks this:

API_URL=https://covid-statistics-prod.herokuapp.com/v1
NEXT_PUBLIC_API_URL=https://covid-statistics-prod.herokuapp.com/v1

4. Run the Project

  yarn dev

You are able to use the application once you're logged in, so please create an account in the signup page http://localhost:3000/signup or if you're logged in: http://localhost:3000/login

You can also test this app in production, in netlify

Screenshots

Login Page

Country Page

Country Detail Page

Country Add Data

Country Search