Skip to content

Minimalist cross-platform application that provides real-time weather forecast. Get accurate and up-to-date weather information anywhere, anytime.

Notifications You must be signed in to change notification settings

AxelAlemanD/weather-app

Repository files navigation

Weather App


HTML CSS SASS TypeScript Angular Ionic Figma


Minimalist cross-platform application that provides real-time weather forecast. Get accurate and up-to-date weather information anywhere, anytime.

Features

  • Search by cities: The application allows users to search for weather forecasts for specific cities.
  • Get weather of your current location: The app is also capable of providing weather forecast based on the current location of the user.
  • Save your favorite places: The application offers the possibility of saving favorite places. This allows users to keep up with the weather in the places that matter to them.
  • Use the app without internet connection: The app is designed to work even when the device has no internet connection. This means that users can access weather information pre-loaded or stored on the device, which is useful when they are in areas without connectivity or when mobile data is not available.
  • Web Browser, Android, and iOS Support: The app is compatible with multiple platforms, including web browsers, Android devices, and iOS devices (such as iPhone and iPad).

Requeriments

  • nodeJS

Installation

How to Run this project You should have installed nodeJS before continuing with this guide Run this commands:

  1. npm install -g @ionic/cli
  2. npm install
  3. ionic serve

That's it, the app should begin running in your browser.

Generate APK

  1. ionic capacitor build android
  2. The last command open Android Studio. Within Android Studio, click the "Run" button, select the attached Android device, then click OK to build, install, and launch the app on your device.

Visuals

Home Page

Home.Page.mp4

Search by cities

Search.by.city.mp4

Add and remove favorite places

Add.and.remove.city.mp4

Handling errors

handling.error.-.Not.permissions.mp4
handling.error.-.Google.services.mp4
handling.error.-.GPS.deactivate.mp4

Offline mode

Offline.mode.mp4

About

Minimalist cross-platform application that provides real-time weather forecast. Get accurate and up-to-date weather information anywhere, anytime.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published