Zuhaib042 / Countries-Catalog

Countries Catalog is a Single Page App built with react. It fetches data from 'https://restcountries.com/api' and shows all the countries of the world. It also shows their population on the homepage by clicking on any country's card, and takes you to a detailed page with more information about the specific country. Built with React and Redux.

Countries Catalog

Countries Catalog is a Single Page App built with react.It fetches data from https://restcountries.com/ api and shows all the countries of the world. It also show their population on homepage and upon clicking on any country's card, it takes to the detail page and shows more info about that specific country.In this web app I used Redux as a state management library. And for testing, I used react-testing-library with Jest.

Screenshot

Built With

• Major languages :- Html, Css, JavaScript
• Libraries :-
  React, Redux, React-testing-library, Jest.
• Frameworks :- tailwind css
• Technologies used :- Webpack, Git, Github, Axios.

Live Demo (if available)

Live Demo Link

Video walkthrough

https://www.loom.com/share/62de540de8a348868ab99c186065a58c

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

• a web browser (like Google Chrome, Opera...).
• a code editor (like Atom, VScode...).

Install

First run following command to clone project to your local machine

git clone https://github.com/Zuhaib042/Countries-Catalog.git

then run following command to install dependencies : npm install

Build and Run

After installing dependencies, build the app by running following command in the terminal: npm run build

then run following command to run this app on your local server : npm start

Authors

👤 Author1

• GitHub: @Zuhaib042
• Twitter: @Zuhaib042
• LinkedIn: LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Original design idea by Nelson Sakwa in Behance.

📝 License

This project is MIT licensed.