Weather Safe Forecasting

• 

  Settings Page

• 

  Forecasting info

• 

  Charts

• 

• 

  Landing page

Inspiration

There are tons and tons of weather forecast apps and websites. However, most of them forecast normal weather like sunny, rainy or cloudy conditions, while extreme weather conditions like flash floods or thunderstorm, which affect human lives, are not seriously cared about

Therefore, I decided to build this prototype Weather Safe Forecasting, which brings not just a forecast but a safe forecast

What it does

This website forecasts extreme weather conditions, including: flood, flash flood, wind gust and thunderstorm

Enter a location and the website will forecast the weather conditions within 7 days. The website will display the weather statistics along with the charts for better visualization

A risk level is calculated for each extreme conditions at different days. There are 4 levels of emergencies: Normal, Advisory, Warning, and Emergency/Danger

For each risk level of each weather type, there will be a actionable advice section which will give users advices of what to do to deal with the upcoming weather conditions

How we built it

The website is built using Next.js TypeScript and Tailwind CSS

The website's information collection is based on two APIs of OpenMeteo

• Geocoding API (https://open-meteo.com/en/docs/geocoding-api)
• Weather Forecast API (https://open-meteo.com/en/docs)

Geocoding API is used to convert the location name entered in the input box to lattitudes and longitudes values, which will then be used for forecasting at the location

Weather Forecast API is used for collecting weather data for calculation The project is finally deployed using Vercel

What's next for Weather Safe Forecasting

• Forecasting more extreme weather condtions like hot weather that cause fires, tornadoes, high waves, etc
• Better design UI/UX, with maps displaying weather information about surrounding areas

Built With

• next.js
• restful
• tailwind-css
• typescript
• vercel