/metric_app

Primary LanguageJavaScript

metric_app

📗 Table of Contents

📖 metric_app

[metric_app] is a web application that provides information about population in different countries around the world. It allows users to explore population by country and view details of individual country.

🛠 Built With

  • HTML
  • CSS
  • React
  • Redux
  • JavaScript (ES6)

Getting Start

This project was bootstrapped with Create React App.

  • Clone the repository by running
    git clone https://github.com/Enoisong/metric_app.git
  • navigate to the folder
    cd metric_app
  • Install packages
    npm install
  • Run the app
    npm start
  • Eject the app
    npm run eject
  • Create build app
    npm run build
  • Test Linters app
    npm run check-linters

Tech Stack

  • React
  • Redux
  • axios
  • Gitflow
  • Version Control (GitHub)

Key Features

  • [stats_by_country] - view list of countries with their respective population
  • [search_country] - Search for a specific country
  • [city_Town_Breakdown_2023] - view details of selected country

(back to top)

💻 Getting Started

clone from repository: https://github.com/Enoisong/metric_app.git

cd My-app
npm install
npm start

Prerequisites

In order to run this project you need to:

  • Install GIt
  • Install Live server VScode extension and run Go Live
  • Install a Command Line Interface to clone project-Git bash/Terminal

Setup

Clone this repository

```bash
$ git clone https://github.com/Enoisong/metric_app.git
$ cd my-app

### Run project
 
#### Open page in browser
```bash
$ runs on http://localhost:3000/

Install

Install this project with:

  • VSCode
  • Git.
  • Github.

Usage

To run the project, execute the following command:

Run tests

To run linters tests, run the following command: npx eslint "/*.{js,jsx}" npx stylelint "/*.{css,scss}"

Deployment

Live Demo
Link to Video

(back to top)

👥 Author

  • Enobong Isong

👤 Author

🔭 Future Features

  • [More_country-details]
  • [Animation]

(back to top)

🤝 Contributing

Contributions, issues, as well as feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, kindly leave a comment below and share it with someone who enjoys coding! or still give me a ⭐️!

(back to top)

🙏 Acknowledgments

This web design was inspired by Nelson Sakwa on this idea.

  • Thanks to the Microverse team for the great curriculum.
  • Thanks to the Code Reviewer(s) for the insightly feedbacks.
  • A great thanks to my coding partner(s), morning session team and standup team for their contributions.

(back to top)

📝 License

This project is MIT licensed.

(back to top)