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
- Clone the repository:
git clone https://github.com/Jafarscript/World-Countries.git
- Install dependencies:
npm install
- Start the development server:
npm start
- 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. 😊