Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/progress2002/country

In this web application, users are able to see all the countries in the world on the homepage, filter countries by region, click on a country to see more information, and search for a country.
https://github.com/progress2002/country

css3 react redux redux-thunk

Last synced: 5 days ago
JSON representation

In this web application, users are able to see all the countries in the world on the homepage, filter countries by region, click on a country to see more information, and search for a country.

Awesome Lists containing this project

README

        

# πŸ“— Table of Contents

- [πŸ“– About the Project](#about-project)
- [πŸ›  Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [πŸš€ Presentaton Link ](#-presentaton-link-)
- [πŸš€ Live Demo](#live-demo)
- [πŸ’» Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [πŸ‘₯ Authors](#authors)
- [πŸ”­ Future Features](#future-features)
- [🀝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [πŸ™ Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [πŸ“ License](#license)

# 🌏Countries

In this web application, users are able to see all the countries in the world on the homepage, filter countries by region, click on a country to see more information, and search for a country.

## πŸ›  Built With

### Tech Stack

Client

Server

Database

### Key Features

- **Display a list of of all the countries in the world**
- **Click to see more details about a country**
- **Click the back to countreis button to go back to the home page**

(back to top)


## πŸš€ Presentaton Link

- [You can view the presentation of this project here](https://www.loom.com/share/ee65bf38aa6940d0baa1f9bd0282b0f3)

## πŸš€ Live Demo

- [Live Demo Link](https://countires.onrender.com)

(back to top)

## πŸ’» Getting Started

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

### Prerequisites

In order to run this project you need:

```sh
Install nodejs
```

### Setup

Clone this repository to your desired folder:

```sh
git clone https://github.com/Progress2002/react-captone.git
```

### Install

Install this project with:

```sh
cd Countries-Of-The-World
npm install
```

### Usage

To run the project, execute the following command:

```sh
npm start
```

### Run tests

To run tests, run the following command:

```sh
npm test
```

### Deployment

You can deploy this project using:

1. [Render](https://render.com/)
2. [AWS](https://aws.amazon.com/getting-started/hands-on/build-react-app-amplify-graphql/)
3. [Cpannel](https://dev.to/crishanks/deploy-host-your-react-app-with-cpanel-in-under-5-minutes-4mf6)

(back to top)

## πŸ‘₯ Authors

πŸ‘€ **Progress2002**

- GitHub: [@Progress2002](https://github.com/Progress2002)
- Twitter: [@Progress_2002](https://twitter.com/Progress_2002)
- LinkedIn: [@Progress](https://www.linkedin.com/in/progress-ezeamaka-27b114247)

(back to top)

## πŸ”­ Future Features

- [ ] **Filter countries by Regoin**
- [ ] **Add dark and light mode**

(back to top)

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Progress2002/react-captone/issues).

(back to top)

## ⭐️ Show your support

If you like this project please leave a star. Thank you πŸ™

(back to top)

## πŸ™ Acknowledgments

- I would like to thank Microverse for the project inspiration.
- I would also like to thank Nelson Sakwa for the original design idea.

(back to top)

(back to top)

## πŸ“ License

This project is [MIT](https://github.com/Progress2002/react-captone/blob/Dev/LICENSE) licensed.

(back to top)