Skip to content

A web application that provides weather data for all countries in the world. It is a Single Page App (SPA) built with React and Redux that allows users to: display the data by their category with their details

License

Notifications You must be signed in to change notification settings

muhammedb8826/weather-api

Repository files navigation

Muhammed B | WeatherAPI

📗 Table of Contents

📖 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
Server
Database

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

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

About

A web application that provides weather data for all countries in the world. It is a Single Page App (SPA) built with React and Redux that allows users to: display the data by their category with their details

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published