Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bondok6/world-data
A web application that provides information about each country in the world. The App is based on an external API that allows users to filter these countries by selecting a specific country. Build with React.js, Redux, and CSS modules.
https://github.com/bondok6/world-data
api-rest css-modules heroku-deployment jest js linter npm-package reactjs redux toolkit
Last synced: 18 days ago
JSON representation
A web application that provides information about each country in the world. The App is based on an external API that allows users to filter these countries by selecting a specific country. Build with React.js, Redux, and CSS modules.
- Host: GitHub
- URL: https://github.com/bondok6/world-data
- Owner: Bondok6
- Created: 2022-03-07T17:01:47.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-11T13:03:11.000Z (about 1 year ago)
- Last Synced: 2024-12-27T15:05:08.962Z (about 1 month ago)
- Topics: api-rest, css-modules, heroku-deployment, jest, js, linter, npm-package, reactjs, redux, toolkit
- Language: JavaScript
- Homepage: https://bondok-world-data.herokuapp.com/
- Size: 1.21 MB
- Stars: 12
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# World Data
> ### A web application that provides information about each country in the world. The App is based on an external ([REST COUNTRIES API](https://restcountries.com/)) that allows users to filter these countries by selecting a specific country. And information (details) about this country is displayed, such as population, area, etc...
https://user-images.githubusercontent.com/45231276/157520294-d9fbce6b-b901-4647-b146-df8a4df4ba8a.mp4
## Built With
- React.js
- @redux/toolkit
- react-router-dom
- [REST COUNTRIES API](https://restcountries.com/)
- CSS Modules
## Additional Used
- Jest
- Linters
- Gitflow
- npm
## Live Demo 🌐
### [Project Link](https://bondok-world-data.herokuapp.com/)
## Description (Video)
### [Video Link](https://drive.google.com/file/d/1EsyNpjcGWgJuCmRNq5cEG45Tshy0MrSZ/view?usp=sharing)
## Get Started
### Clone this repository
```bash
$ git clone [email protected]:Bondok6/world-data.git
$ cd world-data
```
### Run project
```bash
$ npm install
$ npm run start
```
### Run tests
To run the test just use the following command!
```bash
$ npm run test
```
## Authors
👤 **Kyrillos Hany**
- GitHub: [@Bondok6](https://github.com/Bondok6)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/kyrillos-hany/)
## 🤝 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
- Original design idea by Nelson Sakwa.
- The design link [Behance](https://www.behance.net/sakwadesignstudio)
## 📝 License
This project is [MIT](./MIT.md) licensed.