07 Mar 2021 ==> 1st build
11 Feb 2022 ==> api change

Country Info - React App <|> Live Link

API Use

Get all items

https://restcountries.com/v3.1/all

Get only search item

https://restcountries.com/v3.1/name/${searchCountry}

Concept Implementation

Parent Child Component
Sibling Component Data Passing
Object Chaining
Object Destructuring
Object Destructuring with alias naming
Object Destructuring with array value access inside JSX
JSX ternary operation
implement -> useState & useEffect with & without dependency

Features & Usage

Searching option
After click in country, details info show | toggle
After click outside, details info hide | toggle
Bootstrap | linking at index.html page
Pagination

Run Locally

Clone the project

git clone https://github.com/taiseen/country_info.git

Go to the project directory

cd country_info

1st - Install dependencies

npm install

Then start the server

npm run start

To deploy this project run

npm run deploy