Git Product home page Git Product logo

flutter_weather_app's Introduction

Flutter Weather App

A Flutter Application To Discover The Weather Using WeatherAPI ๐Ÿš€

The weather app is a design implementation of Weather App designed by Zesan.

This project relied on this Flutter Getx Template made by Emad Beltaje.

Demo of the application ๐ŸŽฅ

Flutter Weather App Demo


Screenshots of the application ๐Ÿ“ท

Light Mode โ˜€

LightMode


Dark Mode ๐ŸŒ™

DarkMode


Overview ๐Ÿ“™

The Flutter Weather App is a visually captivating and fully functional User Interface for discovering the weather status. The app allows users to access their accurate weather information in addition to some cities around the world. It provides real-time weather updates, forecasts, and more.


Dependencies ๐Ÿ“ฆ๏ธ

  • get - Manage states and inject dependencies.
  • dio - A powerful HTTP networking package for Dart/Flutter.
  • location - For easy access to device's location in real-time.
  • smooth_page_indicator - Customizable animated page indicator with a set of built-in effects.
  • flutter_spinkit - A collection of loading indicators animated with flutter.
  • cached_network_image - Flutter library to load and cache network images.
  • shimmer - A package provides an easy way to add a shimmer effect.
  • intl - Contains code to deal with date and number formatting and parsing.
  • flutter_screenutil - Adapting screen and font size.
  • shared_preferences - Persistent storage for simple data.
  • flutter_animate - Adding beautiful animated effects & builders in Flutter.
  • carousel_slider - A carousel slider widget, supports infinite scroll and custom child widget.
  • flutter_svg - SVG rendering and widget library for Flutter.
  • lottie - Render After Effects animations natively on Flutter.
  • step_progress_indicator - Bar indicator made of a series of selected and unselected steps

Features ๐ŸŒŸ

  • Discover the weather at your place.
  • Discover the weather around the world.
  • 24-hour weather forecast.
  • Sunrise time, sunset time
  • Wind speed and direction.
  • Provide details on humidity, pressure, UV, and chance of rain.
  • Support multiple languages (English and Arabic).
  • Toggle app theme to dark theme.
  • Beautiful and friendly user interface.

Getting Started

  1. Get your API key by creating an account at WeatherAPI.

  2. Clone the repository

    git clone https://github.com/AbdQader/flutter_weather_app.git
  3. Install all the packages by running

    flutter pub get
  4. Navigate to lib/utils/constants.dart and paste your API key to the mApiKey variable

    static const mApiKey = 'Your API Key';
  5. Run the App

    flutter run

Don't forget to โญ the repository.

Support โค๏ธ

For support, you can contact me at this Email or at Facebook.

flutter_weather_app's People

Contributors

abdqader avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.