Skip to content

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.

License

Notifications You must be signed in to change notification settings

zewdu444/countries_info

Repository files navigation

🗺️ Countries Information 🗺️

📗 Table of Contents

🗺️ 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

logo

🛠 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

    (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

    🔭 Future Features

    Add Mobile Version using React Native

    🤝 Contributing

    Contributions, issues, and feature requests are welcome!

    Feel free to check the issues page.

    (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 licensed.

    (back to top)

    About

    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.

    Topics

    Resources

    License

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published