Muhammed B | WeatherAPI

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Weather API

.com provides access to free weather and geo data via a JSON/XML restful API.

WeatherAPI is a comprehensive online platform that provides Real Time, Forecasted, Future, Marine and Historical Weather.

🛠 Built With

• HTML
• CSS
• JavaScript
• NPM
• React
• React router
• Redux

Tech Stack

Client

• React

Server

• External API

Database

• External API

Key Features

• [Display Weather iformation of the searched country ]
• [Search for Country or City]

(back to top)

🚀 Live Demo

You can see the project

🚀 Video about the project

you can see the video here

(back to top)

💻 Getting Started

Prerequisites

In order to run this project you need:

• A PC running any operating system like Windows, Linux, or MacOS
• An Internet connection
• Git installed
• Node.js
• Knowledge of some basic Git commands

Setup

• Link your PC to GitHub
• Clone this repository to your desired folder:

Clone this repository to your desired folder:

git clone https://github.com/muhammedb8826/weather-api

• Open the file in your code editor

Install

• Setup JavaScript + CSS + HTML linter

Run the following codes in your project folder in your IDE:

npm install --save-dev eslint@7.x eslint-config-airbnb@18.x eslint-plugin-import@2.x eslint-plugin-jsx-a11y@6.x eslint-plugin-react@7.x eslint-plugin-react-hooks@4.x @babel/eslint-parser@7.x @babel/core@7.x  @babel/plugin-syntax-jsx@7.x @babel/preset-env@7.x  @babel/preset-react@7.x

npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x

• project dependencies

npm install

Usage

To run the project, execute the following command:

Start the server

npm start

Run tests

To run Stylelint , Jest and ESLint tests, run the following commands respectively:

npm run: npx eslint "**/*.{js,jsx}"

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

npx run test

Deployment

To deploy this project run

npm run deploy

(back to top)

👥 Authors

👤 Muhammed B

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [Auto search]
• [Display searched data]

(back to top)

🤝 Contributing

You can contribute to this project by writing an issue here

(back to top)

⭐️ Show your support

If you like this project please leave a ⭐️

(back to top)

🙏 Acknowledgments

• I would like to thank Microverse and Youtube for their help
• I would like to thank Nelson Sakwa for the original design.

(back to top)

📝 License

This project is MIT licensed.

(back to top)