Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dhairyash-1/rest_countries_api
Country API Explorer: A ReactJS web app for easy country exploration. Utilizes ReactJS, CSS, and Axios, offering seamless search, filter, and sort features with a sleek interface and dark mode. 🌍✨
https://github.com/dhairyash-1/rest_countries_api
api axios css3 javascript reactjs
Last synced: 4 days ago
JSON representation
Country API Explorer: A ReactJS web app for easy country exploration. Utilizes ReactJS, CSS, and Axios, offering seamless search, filter, and sort features with a sleek interface and dark mode. 🌍✨
- Host: GitHub
- URL: https://github.com/dhairyash-1/rest_countries_api
- Owner: Dhairyash-1
- Created: 2023-05-29T18:01:40.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-10-03T15:22:05.000Z (over 1 year ago)
- Last Synced: 2023-10-04T03:46:57.034Z (over 1 year ago)
- Topics: api, axios, css3, javascript, reactjs
- Language: JavaScript
- Homepage: https://rest-country-api-reactjs-project.netlify.app/
- Size: 470 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Country API Explorer - ReactJS Project 🌍
Welcome to the Country API Explorer, a dynamic web application built using ReactJS, CSS, and Axios! This project provides an interactive platform to explore countries around the world, integrating seamless search, filter, and sort functionalities. Plus, it offers a stylish dark mode for a visually pleasing experience, day or night.
## Features 🚀
- **Search:** Effortlessly find any country using the search feature.
- **Filter & Sort:** Customize your view by filtering countries based on various criteria and sorting them according to your preferences.
- **Dark Mode:** Experience the application in a visually appealing dark mode.
## Technologies Used 💻
- **ReactJS:** Built using the popular JavaScript library for building user interfaces.
- **CSS:** Styled with CSS for a sleek and responsive design.
- **Axios:** Utilized Axios for making asynchronous HTTP requests to fetch country data.
- **Prop Type Validation:** Implemented Prop Type validation to ensure data consistency and enhance project reliability.
## Preview 📸
## Live Project 🌐
Experience the Country API Explorer live: [Live Demo](https://rest-country-api-reactjs-project.netlify.app/)
## How to Use 🌟
1. **Clone the Repository:**
```
git clone [repository_url]
```
2. **Install Dependencies:**
```
npm install
```
3. **Run the Application:**
```
npm run dev
```
4. **Explore the Countries:**
- Use the search bar to find specific countries.
- Apply filters and sorting options to customize your view.
- Enjoy the application in both light and dark modes.
## Feedback and Support 🙌
Have feedback or questions? Feel free to open an issue or reach out via email. Your input is valuable and helps enhance the project.
---
Thank you for exploring the Country API Explorer! Let's dive into the diverse world of countries together. 🌎✨