Skip to content

This is a weather dashboard created using react and tailwind. This app uses open weather API to retrieve the current weather in any major city in the world.

Notifications You must be signed in to change notification settings

fredkamm/weather_app

Repository files navigation

Weather_App

A simple weather dashboard created using react and tailwind. This app uses open weather API to retrieve the current weather in any major city in the world.

Inspiration

I wanted to polish up on my API skills and the most simple and entertaining project to practice those skills is creating a weather app.

I always wanted to improve on my react skills while also learning a new framework in tailwind. This is my first project using Tailwind and i look forward to improving these skills on my next passion project.

Usage

The best way to use this app is through a web browser. It is still a work in progress with getting the app to be fully mobile responsive on any device


LinkedIn Badge LinkedIn Badge

Notice that the background color is different in the two screenshots
This happens based off temperatures. Currently, when the temperature is ABOVE 60° the background color will be orange. When temperature is BELOW 60° the background changes to blue

Tools Used

  • React
  • TailwindCSS
  • React-Unicons -- for the icons
  • Open Weather
  • Luxon -- used for the current date and time
  • Netlify

Questions

Any questions or would like to collaborate
Please shoot me an Email

If you would like to view more of my work
Visit my Github profile

About

This is a weather dashboard created using react and tailwind. This app uses open weather API to retrieve the current weather in any major city in the world.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published