WEATHER APP

---

Project description

This weather app allows users to be able to see theit current weather and weather focast in a week of any places around the world.

Table of Contents

• Overview
• Built With
• Features
• How to use
• Author
• Acknowledgements

Overview

Screenshots

Links

Live Site URL Solution URL

Built With

• Javascript

• Semantic HTML5 markup

• CSS custom properties

• Flexbox

• React-select

• Moment.js

• React

What I learned

1. Working with API using Async/Await function.
2. Pulling data based on different locations.
3. Ability to do paranell API calls.
4. Debugging and refactoring code.
5. Barrel import.
6. React Hooks to manipulate the virtual DOM.
7. Passing props between components in React.
8. Working towards the product requirements.

Features

• Display weather based on current location.
• Search for other cities weather
• See the the current weather & weather in the next 5 days.
• See the date and location of the weather.
• Image representation for each type weather.
• Maximum & minnimum degrees of each day.
• See wind status and wind direction.
• See the humidity percentage.
• See the the actual degree.
• See the air pressure number.
• Automatically locate current users and display weather
• Toogle between Celsius and Fahrenheit.
• Pin favourite locations
• Save favorite loctions in local storage.
• Display weather for saved locations.

How To Use

# Clone this repository
$ git clone git@github.com:tin0312/weather-app.git

# Install dependencies
$ npm install

# Run the app
$ npm run dev

Acknowledgements

• Figma design is credited to Figma Design

Author

• Hoang Nhat Truong
• GitHub @tin0312
• Twitter @justin_hppp