Skip to content

Alamin-eng/country-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Country Info Explorer 🌍

A responsive front-end project built with React.js, showcasing information for all countries using external APIs. This user-friendly application offers features such as searching, filtering by continent, and toggling between light and dark modes.


🚀 Features

  • Fetch Data with useEffect: Retrieves real-time country information from an external API.
  • Search Functionality: Quickly find countries by name.
  • Continent Filter: Filter countries based on their continent.
  • Light/Dark Mode: Toggle between light and dark themes for a personalized browsing experience.
  • Fully Responsive Design: Optimized for seamless use on desktops, tablets, and mobile devices.

🛠️ Tech Stack

  • React.js: Core framework for building the interface.
  • React Libraries: Utilized advanced React features for enhanced performance and functionality.
  • CSS: Styled the application to ensure a visually appealing and responsive design.

🌟 Installation

  1. Clone the repository:
    git clone https://github.com/your-username/country-react.git  
    cd country-react