nivivirat / front-end-application

ForecastPro is a static front-end weather application developed using React.js and Tailwind CSS.

ForecastPro

The application is hosted.

ForecastPro is a front-end weather application built using React.js and Tailwind CSS. It provides weather statistics for three cities: New York, Chennai, and Sydney. The application displays the current date and time of each city and presents a graph illustrating the precipitation chances for the upcoming hours. This application was completed in 20 hours.

Features

City Selection:

The application allows users to switch between the weather statistics of New York, Chennai, and Sydney.

Current Date and Time:

The current date and time of each city are displayed prominently on the application.

Precipitation Graph:

The application includes a graph that visualizes the precipitation chances for the upcoming hours in each city.

Pagination:

Users can navigate between cities using the pagination feature located at the top-left corner or by using the arrow buttons.

Technologies Used

React.js:

A JavaScript library for building user interfaces.

Tailwind CSS:

A utility-first CSS framework for rapid UI development.

Credits

The design of the application is a replication of this design