List of Countries

What is this app?

This App displays a list of countries from an API (RESTCountries API) and user are able to filter the list using SearchBox and by filtering the countries by region

Features

What this app is capable:

• See all countries from the API on the homepage
• Search up for a country using the searchbox input field
• Filter countries by region or none
• Click on a country to see more detailed information on a separate page
• Click through to the border countries on the detail page

Live Preview

Click the link below for a quick preview of the app:
https://objective-lalande-b285dc.netlify.app/

Technologies and Tools

• Semantic HTML5 markup
• CSS custom properties
• CSS Grid
• React - JS library
• Tailwind CSS - For styles

Author

This App is made with passion from scratch by Daniel Ginting (me):

• Website - Daniel Ginting
• Github - @daniel-ginting
• LinkedIn - Daniel Ginting
• Discord - DanielGinting#0651

Styling with the help of Dat Truong:

• Github - @dat.truong
• LinkedIn - Dat Truong

Run App Local

If you are interested on cloning this repo:

1. Clone this repo to your local machine
2. From the command-line, run

npm install

3. After the packages have been installed, start the live preview

npm start

Feedback

This app is fairly new and may contain some bugs, don't hesitate to inform me about them.

You can also countribute or give feedback on this project.

Reach me on discord:
https://discordapp.com/users/796539553761984565

God Bless You! 😇