Skip to content

Third Party API React Application. OpenWeather calls the data for the application. There is quick locations in the US, Search Capabilities, forecast outlooks and system changes (imperial and metric) throughout the page.

Notifications You must be signed in to change notification settings

Vincenttoon/weatherman-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weatherman React

Weatherman Photo

License

License: MIT

Description

  • This is a react app that tells the weather using Openweather API. This app was created for better understanding of React and is a reapplication of a previous bootcamp assignment. This application has quick links, search, current location and displays information in both metric and imperial values.

By: Vincent Toon

Table of Contents

Live Deployment

Technologies

  • React based application. Use states, effect and hooks to create a dynamic single page application.

  • Tailwind was primarily used for format and styling. This was one my first applications of tailwind. Super smooth and easy to use. Dynamic and Versatile.

  • Luxon was used for date and time implementation. This package was much easier to use than the build in Javascript time functionality. Would definitely use again in the future.

  • Iconscout was used for the icons. Pretty straight-forward. No better or worse than other icon stores I've used.

  • React-Toastify was used to inform users on fetching and success of searching for locations. Neat little feature to let the user know that the application is working on the API end.

Usage

  • Use the live link.
  • Search for cities all over the world.
  • Change the values.
  • Enjoy.

Installation

Questions?

Questions, comments, or concerns? Please Email me at:

About

Third Party API React Application. OpenWeather calls the data for the application. There is quick locations in the US, Search Capabilities, forecast outlooks and system changes (imperial and metric) throughout the page.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published