https://github.com/mwenyoa/country-stats
This is a web app that fetches statistical data from countries around the world. It has the functionality of searching for a specific country using the search bar, viewing details about a country as well as a well-crafted animated display of beautiful content and loading effects
https://github.com/mwenyoa/country-stats
react-hooks react-router reactjs redux restful-api tailwindcss
Last synced: 2 months ago
JSON representation
This is a web app that fetches statistical data from countries around the world. It has the functionality of searching for a specific country using the search bar, viewing details about a country as well as a well-crafted animated display of beautiful content and loading effects
- Host: GitHub
- URL: https://github.com/mwenyoa/country-stats
- Owner: mwenyoa
- Created: 2023-07-29T19:25:34.000Z (almost 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-08-03T00:01:56.000Z (almost 3 years ago)
- Last Synced: 2026-01-03T16:06:42.594Z (6 months ago)
- Topics: react-hooks, react-router, reactjs, redux, restful-api, tailwindcss
- Language: JavaScript
- Homepage: https://country-quest.netlify.app/
- Size: 2.29 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Country Quest
> **This is a web app that fetches statistical data from countries around the world. It has the functionality of searching for a specific country using the search bar, viewing details about a country as well as a well-crafted animated display of beautiful content and loading effects**
### API ENDPOINTS:
#### [ALL COUNTIRIES](https://restcountries.com/v3.1/all)
## Built With
- ECMA 2015,
- React
- Redux
- Tailwind CSS
- Rest API Archtecture
## Live Demo
[Live Demo Link](https://country-quest.netlify.app/)
## Getting Started with Create React App
**Installation**
- Clone the repository
~~~
git clone https://github.com/mwenyoa/country-stats.git
cd country-stats
~~~
- Install NPM packages
~~~
npm install
~~~
- Run server
~~~
npm start
~~~
## Available Scripts
In the project directory, you can run the following:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
### `npm test
Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
## Author : 👤 **Anthony Mwenyo**
- GitHub: [@githubhandle](https://github.com/mwenyoa)
- Twitter: [@twitterhandle](https://twitter.com/anthony_mwenyo)
- LinkedIn [LinkedIn](https://www.linkedin.com/in/anthony-mwenyo/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Hat tip to Rest Countries Team whose API I consumed
- Inspiration
- UI Inspired by Myself
## 📝 License
This project is [MIT](./MIT.md) licensed.