/weather

This is an app consuming the open weather api to showcase the weather

Primary LanguageTypeScript

Open Weather App

This is an app consuming the open weather api to showcase the weather conditions in various cities. However, this app will serve as a test project to implement some of the native features from the device including push notifications, location awareness in the app as well as showcase design elements that can be achieved with Ionic Capacitor.

Setup & Installation

To set up the project, run git clone to a folder on your local.

  • Run npm install from the root of the cloned project
  • Run ionic serve to run the project on a browser
  • To run your app on a test device, run ionic cap install android/ ios
  • You could also run ionic cap build android/ios to build and launch the native platform editor (Android Studio/ Xcode)
  • At this point you could plug your device to your laptop or run on a simulator to test out the app on device.

App Screenshots

screenshots

Upcoming Features

  • Push notifications (Local, event triggered)
  • More color to the app
  • Integration with the live API for live weather updates (Open Weather API)
  • Proper date mapping and calendar integration for realistic weather conditions
  • Animations to the weather conditions
  • Translation Plugin from i18n for internationalization

Quick links

The design above was inspired by Natalia Berdnyk from dribble, the design link is up here.