This is a React project that utilizes the REST Countries API to display information about different countries. It also includes a color theme switcher that allows users to customize the appearance of the application based on their preferences.
- View information about various countries, including their names, borders, populations, languages, currencies, and more.
- Toggle between light and dark color themes to suit your visual preferences.
- Responsive design that works well on different screen sizes, from mobile devices to desktops.
Check out the live demo of the project here.
- Clone the repository:
git clone https://github.com/sodiqmakinde/country-app.git - Navigate to the project directory:
cd country_app - Install dependencies:
npm install - Start the development server:
npm start - Open your browser and visit:
http://localhost:3000
- Select a country from the list to view detailed information about it.
- Use the theme switcher button to toggle between light and dark color themes.
- React
- React Router
- REST Countries API
- CSS
- SASS
- Styled-Component
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
- Fork the repository
- Create a new branch:
git checkout -b feature/your-feature-name - Make your changes and commit them:
git commit -m 'Add some feature' - Push to the branch:
git push origin feature/your-feature-name - Open a pull request
This project is licensed under the MIT License.
- Thanks to the REST Countries API for providing country data.
- Frontend Mentor for providing the UI