Software developer with a strong programming background and a passion for efficient solutions. Skilled in JavaScript, React, Redux, Node.js, and Ruby on Rails, along with agile methodologies, focusing on web development. Committed to continuous learning, staying updated with emerging tech. A collaborative problem solver, seeking to contribute expertise in a dynamic environment. 📗 Table of Contents

• Countries Weather
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• Future Features
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Usage
    • Run tests
  • 👥 Authors
  • 🤝 Contributing
  • ⭐️ Show your support
  • 📝 License

Countries Weather is a React project that provides users with up-to-date weather information for countries around the world. It offers a user-friendly interface where users can easily search for a specific country and view its current weather conditions, including temperature, humidity, wind speed, and more.

• HTML
• SCSS
• React
• Redux/toolkit
• Weather API

• Show all counties and filter them.
• Represent weather for each country.

• Geolocation: Implement geolocation functionality to automatically detect the user's location and display the local weather by default.
• Favorites: Enable users to save their favorite countries and easily access their weather information without having to search for them repeatedly.
• Weather Alerts: Integrate weather alert notifications to inform users about severe weather conditions in their selected countries.
• Map Visualization: Incorporate a map interface to visualize the weather data geographically and enhance the user's understanding of global weather patterns.

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

In order to run this project you need:

• a browser
• git
• nodejs

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/ybadr99/countries-weather.git
  npm install

To run the project, execute the following command:

  npm start

To run tests, run the following commands:

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

Yousef Badr 👤 Author1

• GitHub: @ybadr99
• LinkedIn: LinkedIn

Feel free to check the issues page. Contributions, issues, and feature requests are welcome!

If you like this project:thumbsup:

I would like to thank:

• Nelson Sakwa for the website design system that inspired my design.
• Front End mentor for design enhancment.
• OpenWeatherApi for the amazing API.

This project is MIT licensed.