https://github.com/huseyinerikci/covidmap

A project that visualizes COVID-19 data and displays detailed information about countries for the purpose of learning and applying unit tests.
https://github.com/huseyinerikci/covidmap

covid-19 rapidapi reactjs redux-thunk redux-toolkit tailwindcss unittest

Last synced: 2 days ago
JSON representation

A project that visualizes COVID-19 data and displays detailed information about countries for the purpose of learning and applying unit tests.

• Host: GitHub
• URL: https://github.com/huseyinerikci/covidmap
• Owner: huseyinerikci
• Created: 2025-02-17T07:31:13.000Z (3 days ago)
• Default Branch: main
• Last Pushed: 2025-02-17T07:36:54.000Z (3 days ago)
• Last Synced: 2025-02-17T08:31:26.512Z (3 days ago)
• Topics: covid-19, rapidapi, reactjs, redux-thunk, redux-toolkit, tailwindcss, unittest
• Language: JavaScript
• Homepage:
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# COVID Map Project

COVID Map is a web application that visualizes COVID-19 data worldwide and provides detailed information about countries. This project was developed using ReactJS, Redux Toolkit, Redux Thunk, and Tailwind CSS. In addition, libraries such as Jest, Redux-mock-store, and React Testing Library were used to learn and implement unit tests.

## Preview

A preview of my covid map project is in the gif below.

![covidMap](https://github.com/user-attachments/assets/28bf1443-e559-42b8-8f48-e6ce7e4753ec)

## Features

- **COVID-19 Data**: COVID-19 data received via Rapid API (total cases, active cases, total deaths, etc.).

- **Country Information**: Detailed information about each country such as currency, flag, population, capital.

- **World Map**: Interactive world map created using React Simple Maps library.

- **Data Formatting**: Displaying large numbers in a readable format with Millify library.

- **State Management**: Management of data and application state with Redux Toolkit and Redux Thunk.

- **Icons**: Use of various icons with the React Icons library.

- **Page Transitions**: Managing page transitions with React Router DOM.

- **Unit Tests**: Extensive unit tests written using Jest, Redux-mock-store and React Testing Library.

- **Responsive Design**: Fully responsive design created with Tailwind CSS.

## Technologies

- **ReactJS**: Creation of the user interface.

- **Redux Toolkit & Redux Thunk**: State management and asynchronous operations.

- **Tailwind CSS**: Responsive and modern design.

- **Axios**: Management of API requests.

- **React Simple Maps**: Creation of an interactive world map.

- **Millify**: Formatting large numbers.

- **React Icons**: Use of various icons.

- **React Router DOM**: Transitions between pages.

- **Jest, Redux-mock-store, React Testing Library**: Writing and managing unit tests.