WeatherNow

A webapp to display the current weather forecast of a city

WeatherNow

Description

WeatherNow is a simple webapp which displays the current weather conditions of a city.

Just enter the name of a city in the search bar and hit enter to get the weather details.

It shows the following details:

  • Temperature
  • Feels like temperature
  • Day and Date
  • City and Country
  • Today's Highlights
  • Weekly Highlights

Today's Highlights shows the following details:

  • Maximum Temperature
  • Minimum Temperature
  • Sunrise Time
  • Sunset Time
  • Humidity percentage
  • Atmospheric pressure
  • Windspeed
  • Rain

Things I learnt while building this project:

  • Using Axios to fetch data from OpenWeatherAPI
  • Building a custom weather fetching hook from scratch
  • Using Moment.js to convert UNIX timestamp to readable date
  • Realized that designing the UI before coding always speeds up the development process

Tools

React

React

HTML

HTML

CSS

CSS

JavaScript

JavaScript

Git & Github

Git & Github

Figma

Figma