This project is a solution to the Country App challenge from Frontend Mentor. The goal of this challenge is to build a country information app that consumes a REST Countries API and allows users to search for countries, view details about them, and toggle between light and dark color themes.
You can view a live demo of the project here.
- Search Functionality: Users can easily search for countries by entering the country name in the search bar.
- Country Details: Display comprehensive information about the selected country, including its capital, population, area, and more.
- Country Comparison: Compare countries side by side, allowing users to see informations about selected countries.
- Responsive Design: The app is designed to work seamlessly on various devices, ensuring a pleasant user experience.
- Dark Mode: Enjoy a visually comfortable experience with the option to switch to Dark Mode.
- Vue.js for building the frontend of the application.
- Tailwind CSS for styling and layout design.
- Pinia for state management.
To run this project locally, follow these steps:
- Clone the repository.
- Install the required dependencies using
npm install. - Start the development server with
npm run dev. - Open your browser and navigate to
http://localhost:5173to use the app.