World-Countries Tailwind Templates

World Countries

Where in the World? is a sleek and interactive web application designed to help users explore detailed information about countries across the globe. Built with React, Tailwind CSS, and powered by the REST Countries API, this project showcases modern web development practices, including responsive design, dynamic filtering, and theme toggling.

Where in the World? - Country Explorer

Where in the World? is a web application that allows users to explore information about countries around the globe. Built with React, Tailwind CSS, and the REST Countries API, this app provides a seamless user experience with features like:

  • Search: Find countries by name.
  • Filter: Filter countries by region (e.g., Africa, Europe, Asia).
  • Dark Mode: Toggle between light and dark themes for comfortable browsing.
  • Country Details: View detailed information about each country, including population, region, capital, and more.

This project demonstrates modern web development practices, including responsive design, state management, and API integration.


Features

  • Search and Filter: Easily find and filter countries by name or region.
  • Dark Mode: User-friendly dark and light themes.
  • Responsive Design: Optimized for all screen sizes.
  • Country Details: In-depth information about each country.

Technologies Used

  • React: Front-end library for building user interfaces.
  • Tailwind CSS: Utility-first CSS framework for styling.
  • REST Countries API: Provides data about countries.
  • React Router: For navigation between pages.

How to Run

  1. Clone the repository:
    git clone https://github.com/Jafarscript/World-Countries.git
    
  2. Install dependencies:
    npm install
    
  3. Start the development server:
    npm start
    
  4. Open your browser and visit http://localhost:3000.

Live Demo

Check out the live demo: Where in the World?


Feel free to customize this description to better fit your project! Let me know if you need further assistance. 😊

Top categories

Loading Svelte Themes