/Country-App

Welcome to the REST Countries API Explorer! This powerful tool allows you to seamlessly explore detailed information about countries from around the world. With intuitive features and a sleek design

Primary LanguageJavaScript

REST Countries API Explorer

Home Page

Introduction

Welcome to our REST Countries API Explorer! Discover detailed information about countries from around the world effortlessly. With intuitive features and a sleek design, exploring countries has never been more enjoyable.

Features

  • Browse Countries: View all countries from the API on the homepage.
  • Search Functionality: Search for a specific country using the input field for quick access.
  • Region Filtering: Filter countries by region to narrow down your search.
  • Detailed Information: Click on a country to see comprehensive details on a separate page.
  • Border Countries: Navigate to bordering countries directly from the detail page.
  • Color Theme Switcher: Toggle between light and dark mode for personalized viewing (optional).

Technologies Used

  • ReactJS: Powering the dynamic and interactive user interface.
  • React Router DOM: Facilitating seamless navigation between pages.
  • Tailwind CSS: Styling the application with a modern and responsive design.
  • Lazy Loading: Enhancing performance by loading components asynchronously.
  • CSS Loader Generator: Generating custom loaders for improved user experience.

Screenshots

Home Page Search Functionality Country Details Border Countries

Try It Out!

To explore the REST Countries API Explorer:

  1. Clone the repository.
  2. Navigate to the project directory.
  3. Run npm install to install dependencies.
  4. Run npm start to launch the application in your browser.

Enjoy exploring countries with our user-friendly and feature-rich API explorer!