https://github.com/zewdu444/countries_info

A React and Redux mobile web app that leverages a Rest API to provide precise country details like population, capital city, and flag. It ensures a seamless and responsive user experience, forming the ideal base for a focused country information application.
https://github.com/zewdu444/countries_info

mui rapidapi react redux

Last synced: 7 days ago
JSON representation

A React and Redux mobile web app that leverages a Rest API to provide precise country details like population, capital city, and flag. It ensures a seamless and responsive user experience, forming the ideal base for a focused country information application.

• Host: GitHub
• URL: https://github.com/zewdu444/countries_info
• Owner: zewdu444
• License: mit
• Created: 2023-03-13T10:41:22.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-03-16T08:55:46.000Z (over 1 year ago)
• Last Synced: 2024-10-10T09:23:08.646Z (28 days ago)
• Topics: mui, rapidapi, react, redux
• Language: JavaScript
• Homepage: https://countries-information-4am6.onrender.com/
• Size: 3.25 MB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




  
 🗺️ Countries Information 🗺️




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [:camera: project screenshot](#screen-shoot)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 🗺️ Countries Information

 
A Mobile web application offers information about countries such as their population, capital city, flag, and other relevant details. Users can access a wide range of country-specific information, making it an invaluable resource for personal or professional research purposes



## 📷 project screenshot  



## 🛠 Built With  

> React, Redux , MUI react and external API

### Tech Stack 

> React, redux, axios, jest webpack and babel

### Key Features 

 
Display total world population

Display Countries with their flag and population

Detail information about selected country

Responisive layout

Material UI mobile web

Used REST countries API Link



(back to top)


## 🚀 Live Demo 

- Live Link

  -Video Presentation Link Live Link

(back to top)


## 💻 Getting Started 

to run on your localhost clone the project to local folder

> 
cd countries_cites

> 
npm i

> 
 npm start


### Setup

> 
 git clone https://github.com/zewdu444/countries_info.git

> cd countries_cites


(back to top)


### Prerequisites

In order to run this project you need:

- latest web-browser

- node.js and npm

### Install

To install this project in your local machine use

> 
 npm i 

> npm run build


### Usage

To run the project, execute the following command:

> 
 Open terminal on the same directory of project 

> 
 write "npm start"

> 
 open http://localhost:3000/ in browser 


## 👥 Authors 

👤 **zewdu erkyhun**

- GitHub: [@zewdu444](https://github.com/zewdu444)

- Twitter: [@zewdu444](https://twitter.com/zewdu444)

- LinkedIn: [zewdu-erkyhun](https://www.linkedin.com/in/zewdu-anley/)

## 🔭 Future Features 

> Add Mobile Version using React Native

## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/zewdu444/countries_info/issues).

(back to top)


## ⭐️ Show your support 

> If you like the project please give it star

(back to top)


## 🙏 Acknowledgments 

- 
I want to thank the Microverse team. 


- 
 I would like to express gratitude to Nelson Sakwa on Behance, as per the Creative Commons license.


(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)