https://github.com/felixdev22/weather-app

The Weather-App that pulls from the OpenWeatherMap API to allow users to search for and view the forecast in cities worldwide. This includes key information such as capital, as well as current weather conditions, such as temperature, humidity, wind speed, and atmospheric pressure. Built with Reactjs.
https://github.com/felixdev22/weather-app

react-hooks react-redux reactjs

Last synced: 2 months ago
JSON representation

The Weather-App that pulls from the OpenWeatherMap API to allow users to search for and view the forecast in cities worldwide. This includes key information such as capital, as well as current weather conditions, such as temperature, humidity, wind speed, and atmospheric pressure. Built with Reactjs.

• Host: GitHub
• URL: https://github.com/felixdev22/weather-app
• Owner: felixDev22
• License: mit
• Created: 2023-02-13T09:10:48.000Z (over 3 years ago)
• Default Branch: dev
• Last Pushed: 2023-02-15T14:24:47.000Z (over 3 years ago)
• Last Synced: 2025-01-18T23:55:01.197Z (over 1 year ago)
• Topics: react-hooks, react-redux, reactjs
• Language: JavaScript
• Homepage: https://the-weather-app-b1ac1f.netlify.app/
• Size: 2.74 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)

- [📖 Weather App ](#-weather-app-)

  - [🛠 Built With ](#-built-with-)

    - [Key Features ](#key-features-)

  - [🚀 Live Demo ](#-live-demo-)

  - [💻 Getting Started ](#-getting-started-)

    - [`npm test`](#npm-test)

    - [Prerequisites](#prerequisites)

    - [Setup](#setup)

    - [Install](#install)

  - [👥 Author ](#-author-)

  - [🔭 Future Features ](#-future-features-)

  - [🤝 Contributing ](#-contributing-)

  - [⭐️ Show your support ](#️-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [📝 License ](#-license-)

# 📖 Weather App 

Weather-App is a React-based application that provides users with detailed information about the current weather.

## 🛠 Built With 

- React

- HTML

- CSS

- JavaScript

- Linter Checks

- Webpack

(back to top)


### Key Features 

- Display different cities.

- Display weather status.

(back to top)


## 🚀 Live Demo 

[live demo](https://the-weather-app-b1ac1f.netlify.app/)

## 🚀 Loom video 

[Loom Video](https://www.loom.com/share/d51b19bdd229421fa1bf0e0c81a7b6dd)

(back to top)


## 💻 Getting Started 

- This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

- Clone this repo to your local machine using `git clone https://github.com/felixDev22/weather-app .git`

- cd into the folder and run `npm install` to install all the dependencies.

- Run `npm start` to start the app.

- Open `http://localhost:3000` to view it in the browser.

- The page will reload if you make edits.

- You will also see any lint errors in the console.

- Run `npm run build` to build the app for production to the `build` folder.

- It correctly bundles React in production mode and optimizes the build for the best performance.

- The build is minified and the filenames include the hashes.

- Your app is ready to be deployed!

### `npm test`

Launches the test runner in the interactive watch mode.\

See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

(back to top)


### Prerequisites

In order to run this project you need:

- Git and GitHub

- A code editor

- Nodejs

- NPM

- A browser

(back to top)


### Setup

- Create a local directory where you can clone the project.

- Clone the project into your directory

- Install the dependencies

- Open the project on a browser

(back to top)


### Install

Just run npm i to install all dependencies

(back to top)


## 👥 Author 

**Felix Nzomo Nyamai**

- GitHub: [@githubhandle](https://github.com/felixDev22)

- Twitter: [@twitterhandle](https://twitter.com/@monzo200)

- LinkedIn: [LinkedIn](https://https://www.linkedin.com/in/felixnyamai/)

Contributions, issues, and feature requests are welcome!

(back to top)


## 🔭 Future Features 

- [ ] **Improve the UI**

- [ ] **Add functionality**

- [ ] **Add the number of pages**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/felixDev22/weather-app /issues).

(back to top)


## ⭐️ Show your support 

If you like this project kindly leave a star

(back to top)


## 🙏 Acknowledgments 

I would like to thank microverse for the great resources shared. Also I would like to thanks Nelson Sakwa for Original Design Official Behance Page [@NelsonSakwa](https://www.behance.net/sakwadesignstudio), Api - [Open Weather](https://openweathermap.org/api)

(back to top)


## 📝 License 

This project is [MIT](./LICENCE) licensed.

# the-weather-app