Logo

30 Day Weather

UI & UX Design, Ionic App Development, API Development

iOS and Android weather app featuring a long range 30 day forecast and intelligent weather reports.

Summary

30 Day Weather is a long range forecast app that utilizes climatology to provide accurate extended forecasts. I worked with E7 Systems and Melita Weather to develop the application and its API. I enjoyed working with location-based APIs on this project as well as programming a unique weather app that I would actually use!

Tech Stack

The API is built on Rails and uses MySQL for storage. The mobile application was developed using Ionic 2 to be compatible with both iOS and Android.

Accomplishments

  • Designed and implemented API architecture alongside the team at E7.
  • Used DarkSky's API to provide 7 day forecasts and obtain detailed forecast information (such as hourly weather).
  • Implemented geokit-rails for performing coordinate-based station queries.
  • Utilizied device location to obtain localized forecast information for each user.
  • Used Chart.js to render custom charts.
  • Designed app UX, UI, and icon, as well as obtained and modified weather icons for use in app.
  • Designed and coded custom animations for app components.
  • Implemented on-device storage mechanism for saving and loading saved stations.
  • Worked with the Google Maps API to render nearby stations.

Forecast page Forecast page

30 day breakdown 30 day breakdown

Side menu and station list Side menu and station list

30 day temperature graph 30 day temperature graph

Station map Station map