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.
- Major languages :- Html, Css, JavaScript
- Libraries :-
React, Redux, React-testing-library, Jest. - Frameworks :- tailwind css
- Technologies used :- Webpack, Git, Github, Axios.
https://www.loom.com/share/62de540de8a348868ab99c186065a58c
To get a local copy up and running follow these simple example steps.
- a web browser (like Google Chrome, Opera...).
- a code editor (like Atom, VScode...).
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
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
👤 Author1
- GitHub: @Zuhaib042
- Twitter: @Zuhaib042
- LinkedIn: LinkedIn
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Original design idea by Nelson Sakwa in Behance.
This project is MIT licensed.