Skip to content

A weather dashboard application that displays the current weather conditions and a 5-day forecast for any searched city. Built using HTML, CSS, JavaScript, Bootstrap, MomentJS, Font Awesome, and Open Weather Map's API.

Notifications You must be signed in to change notification settings

LoganMerchant/rain-check

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 

Repository files navigation

RainCheck: A Weather Dashboard

Introduction

RainCheck is a weather dashboard that displays the current weather conditions and a 5-day forecast for any searched city. Built with travel in mind, this application is perfect for anyone looking to plan around the weather as they travel to any city around the globe. With that being said, it can also be useful for anyone to check the weather before they go to work, visit loved ones, etc.

Demo of the Application

Demo

Installation

To install a copy of this repository, simply clone it by running one of these two commands in your terminal:

HTTPS

git clone https://github.com/LoganMerchant/rain-check.git

SSH

git@github.com:LoganMerchant/rain-check.git

Process

I began this project by setting us the initial layout of the forecast, current conditions, and search history. I then began to work on each section individually, calling from Open Weather Map's API when needed. I then styled any remaining parts that needed some brushing up.

Reflection

This was a fun project and I certainly can't wait to work with more APIs in the future. Open Weather's documentation was easy to understand and a thorough. I have some more features for this application that I'd like to add in the future, such as displaying the city's timezone.

Languages and APIs Used

  • HTML
  • CSS
  • JavaScript
  • Bootstrap
  • Moment.js
  • Font Awesome

Built Entirely By

Logan Merchant

About

A weather dashboard application that displays the current weather conditions and a 5-day forecast for any searched city. Built using HTML, CSS, JavaScript, Bootstrap, MomentJS, Font Awesome, and Open Weather Map's API.

Topics

Resources

Stars

Watchers

Forks