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

https://github.com/petekgithub/react-simple-map

:microbe: Click on a country on the map and Covid19 data appears.
https://github.com/petekgithub/react-simple-map

docker fetch-api jest-tests jsx-syntax react-simple-maps reactjs redux redux-saga tailwind-css

Last synced: 6 months ago
JSON representation

:microbe: Click on a country on the map and Covid19 data appears.

Awesome Lists containing this project

README

          

# Covid19 Datas - React App

## Project Explanations

- **public/geo.json**: This file contains geographic data.
- **src/components/**:
- **CovidData/**: Components that process Covid data.
- **ErrorPage/**: Components that manage error conditions.
- **MapChart.js**: The map component creates a map using geographic data.

## Attributions

- Data comes from [https://rapidapi.com/axisbits-axisbits-default/api/covid-19-statistics/](https://rapidapi.com/axisbits-axisbits-default/api/covid-19-statistics/).
- Maps view is provided via [https://www.react-simple-maps.io/](https://www.react-simple-maps.io/).

## Getting Started

1. Clone the project to your local machine:

```bash
git clone https://github.com/username/react-covid-maps.git
```

2. Navigate to the project directory:

```bash
cd react-covid-maps
```

3. Install dependencies:

```bash
npm install
```

4. Start the project:

```bash
npm start
```

<<<<<<< HEAD
With these commands, you can successfully clone the project to your local machine, install dependencies, and start the project.

## Accessing the Application

- To access the application locally, open [http://localhost:3000](http://localhost:3000) in your web browser.
- If you are accessing the application from another device on the same network, use [http://172.17.0.2:3000](http://172.17.0.2:3000).

These URLs can be used to access the application running inside your Docker container. The first one provides access via localhost on your Docker host machine, while the second one can be used to access it via an IP address assigned within the Docker network.

### Serving the Application

The optimized production build of the application is served using the serve package.

- Local: [http://localhost:3000](http://localhost:3000)
- Network: [http://192.168.1.21:3000](http://192.168.1.21:3000)
=======
With these commands, you can successfully clone the project to your local machine, install dependencies, and start the project. Visit http://localhost:3000 in your browser to view the project.

![map2](https://github.com/petekgithub/react-simple-map/assets/38165351/3cbdd2ad-990a-4edf-bb34-76ab5ac55eb4)
![map1](https://github.com/petekgithub/react-simple-map/assets/38165351/0d254e5c-58d4-433a-b58e-beb09a1e8a3a)

>>>>>>> origin/main