Zel-hub7/countries

"Explore the World: Discover countries from every corner of the globe with our comprehensive country list. Dive into rich details, from historical landmarks to cultural traditions."

The Countries 🗺️

🌎 Table of Contents

• 🌎 Table of Contents
• 🌎 Explore The Countries
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • Presentation
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Webpack Development Server
    • To track CSS linter errors, run:
    • Build
    • Run tests
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

🌎 Explore The Countries

"Explore the World: Discover countries from every corner of the globe with our comprehensive country list. Dive into rich details, from historical landmarks to cultural traditions."

🛠 Built With

Tech Stack

Tech Used

• React
• Redux

Key Features

• Interactive Country Profiles: Provide users with interactive and informative profiles for each country in your list. Include essential details such as population, capital city, official languages, currency, time zone, and more. Users should be able to click on a country to access its specific page with in-depth information.
• Dynamic Search and Filtering: Implement a robust search and filtering system that allows users to quickly find specific countries or narrow down their choices based on criteria like region, continent, language, or economic indicators. This feature will enhance user experience and make it easier for visitors to find the information they need.
• Comparative Analysis: Enable users to compare multiple countries side by side. This feature will allow them to see a visual representation of different countries' data, making it easier to identify trends, differences, and similarities. Users can select countries of interest and view their data in charts, graphs, or tables.

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

Presentation

• Presentation Link

(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:

• Node.js
• npm

Setup

Clone this repository to your desired folder:

 git clone https://github.com/Zel-hub7/countries.git

Install

Install this project with:

  cd countries
  npm install

Usage

To run the project, execute the following command:

Webpack Development Server

To run the webpack development server, execute the following command:

npm start

To track CSS linter errors, run:

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

• To track JavaScript linter errors, run:

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

Build

To build the project, run the following command:

npm run build

Run tests

To run tests, run the following command:

npm test

Deployment

• You can deploy it using: Github Pages

(back to top)

👥 Authors

👤 Zelalem Yohannes

• GitHub: @Zelalem

(back to top)

🔭 Future Features

• Login and Sign up page
• More details of the countries

(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 find this project helpful or interesting, star this repository on GitHub to let me know you like the project. ⭐️

(back to top)

🙏 Acknowledgments

Special thanks to Nelson Sakwa who has the owner of the design.

(back to top)

📝 License

This project is MIT licensed.

(back to top)