https://github.com/fatihcaliss/countries-info-map-app

You can learn detailed information about a country. I created this app for practicing my redux toolkit knowledge.
https://github.com/fatihcaliss/countries-info-map-app

millify react react-router-dom react-simple-maps redux redux-thunk redux-tookit restful-api tailwindcss typescript

Last synced: 1 day ago
JSON representation

You can learn detailed information about a country. I created this app for practicing my redux toolkit knowledge.

• Host: GitHub
• URL: https://github.com/fatihcaliss/countries-info-map-app
• Owner: fatihcaliss
• Created: 2022-10-27T08:35:19.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-27T08:50:31.000Z (about 2 years ago)
• Last Synced: 2024-11-08T19:48:56.863Z (about 2 months ago)
• Topics: millify, react, react-router-dom, react-simple-maps, redux, redux-thunk, redux-tookit, restful-api, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://countries-info-map-app.vercel.app/
• Size: 645 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## :point_right: [Click here to see on browser](https://countries-info-map-app.vercel.app/)

# Getting Started with Create React App

- __Redux-Toolkit__


- __CreateAsyncThunk__


- __React-Simple-Maps__ 


- __Props/States/Components__


- __React-Router-Dom-v6__


- __TailwindCSS__


- __TypeScript__


- __Millify__


- __I used "https://restcountries.com/v3.1/name" in order to fetch the countries data__


- __I used Redux-Toolkit for state management__


- __I used React-Simple-Maps for creating a clickable world map__


- __If you click one of the countries on the map, you will be redirected to detail page that contains tha data of the country you click on__


- __I used TailwindCSS for syling__


![photo](https://github.com/fatihcaliss/countries-info-map-app/blob/master/countries-info-app-photo.png?raw=true)