Simple Weather Forecast

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Overview

Desktop/Tablet	Mobile

This is a simple weather app that will give a 5-day forecast for your area or any chosen location, powered by Google Places API. You can also see current conditions for wind speed/direction, humidity, air pressure, and cloud cover.

Built With

• React
• Vite
• Tachyons
• use-places-autocomplete
• react-cool-onclickoutside
• Open Meteo API

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/yuandere/weather-app

# Install dependencies
$ npm install

# Run the app
$ npm start

Acknowledgements

• Custom breakpoint React Hook
• Create CSS properties that dynamically update with React & JS
• Steps to replicate a design with only HTML and CSS