Country Details App

Country Details App Screenshot

Welcome to the Country Details App! This application provides information about different countries around the world. You can select a country from the dropdown menu to view details such as the country's name, flag, region, time zone, and population.

Table of Contents

About

The Country Details App is a simple and intuitive way to explore essential information about various countries. Whether you're curious about a country's population, time zone, or region, this app has got you covered. With a selection of over 250 locations, you can easily discover facts about different parts of the world.

Features

  • Country Selection: Choose a country from the dropdown list to see its details.
  • Country Information: View the country's name, flag, region, time zone (in UTC), and population.
  • Responsive Design: The app is designed to work seamlessly on different screen sizes and devices.

Usage

  1. Open the Country Details App in your web browser.
  2. Use the dropdown menu to select a country from the list.
  3. Once a country is selected, its information will be displayed below the dropdown.

Setup

To run the Country Details App locally, follow these steps:

  1. Clone the repository: https://github.com/PriyanshuSharma0326/country-details-react.git
  2. Navigate to the project directory: cd country-details-react
  3. Install dependencies: npm install
  4. Start the app: npm start
  5. Open your web browser and go to http://localhost:3000 to use the app.

Technologies Used

The Country Details App is built using the following technologies:

  • React: A JavaScript library for building user interfaces.
  • SASS: Styling the app for an appealing and user-friendly experience.
  • useContext: For state management within the app.

Contact

For any questions or inquiries, feel free to contact us:


Thank you for using the Country Details App!