Skip to content

Latest commit

 

History

History
72 lines (47 loc) · 1.99 KB

README.md

File metadata and controls

72 lines (47 loc) · 1.99 KB

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):

Styling with the help of 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
  1. 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! 😇