Screenshots

HOME

DETAILS

📗 Table of Contents

• 📗 Table of Contents
• 📖 Countries Details
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Countries Details
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 Countries Details

A web application that allows a user to filter a list of countries and get more details regarding this country. Built with React, Redux and also consume an API.

🛠 Built With

Tech Stack

This project uses the following stack :

Client

• React
• Redux Toolkit

Server

• Webpack Server
• APIs
  • Restcountries API

Key Features

Here are some key features of the application :

• Display the Countries list
• Display a single country with details

(back to top)

🚀 Live Demo

Here you can visit my live demo :

• Countries Details

(back to top)

💻 Countries Details

Here you can see our presentation :

• Presentation

(back to top)

💻 Getting Started

Clone the repository by clicking on the 'Code' button and copy the link

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

Prerequisites

In order to run this project you need:

You should have node install on your local machine

Setup

Clone this repository to your desired folder:

Example commands:

  cd my-folder
  git clone git@github.com:kensteph/countries-details.git

Install

Install dependencies :

npm i

Usage

To run the project, execute the following command: Open the index.html file in a web browser

Run tests

To run tests, run the following command:

  npm run test

To run the stylehint linter

  npx stylehint "**/*.{css,scss}"

To run the ESLint linter

  npx eslint "**/*.{js,jsx}"

Deployment

You can deploy this project using:

  npm run build

  npm run start

(back to top)

👥 Author

👤 Kender Romain

• GitHub: @Kensteph
• Twitter: @RomainKender
• LinkedIn: kender-romain8788

(back to top)

🔭 Future Features

• Preserve the user data

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project star it!

(back to top)

🙏 Acknowledgments

I would like to thank Nelson Sakwa for the Original design idea on Behance.

(back to top)

📝 License

This project is licensed .

(back to top)