Posts

Showing posts from July, 2024

Building a Vibrant ToDo App with Flutter

Image
 In this project, we developed a comprehensive ToDo application using Flutter, a popular open-source framework for building cross-platform mobile applications. Our goal was to create an intuitive, visually appealing, and functional ToDo app that allows users to manage their tasks effectively. We utilized various state-of-the-art technologies and packages to enhance the app's capabilities and user experience. We began by setting up the Flutter project and integrating several essential dependencies. These included GetX for state management and navigation, Sqflite for local database storage, Google Fonts for custom typography, Font Awesome Flutter for iconography, and Intl for date formatting. These tools collectively ensured that our app maintained high performance, responsiveness, and a modern design aesthetic. The development process was divided into several key stages. First, we created a welcoming and user-friendly entry point for the app. The welcome screen greets users with a f...

Building a Vibrant Weather App with Flutter and Integrating Native Splash Screen

Image
Introduction In this tutorial, we will build a weather app using Flutter. The app will feature a vibrant user interface, a native splash screen, and the ability to fetch weather data based on the user's location or a searched city name. Project Setup 1. Create a New Flutter Project First, create a new Flutter project: flutter create weather_app cd weather_app 2. Add Dependencies Update your pubspec.yaml file to include the necessary dependencies: dependencies: flutter: sdk: flutter animations: ^2.0.5 flutter_blurhash: ^0.7.0 flutter_svg: ^2.0.10 geolocator: ^8.0.0 http: ^0.13.4 dev_dependencies: flutter_native_splash: ^2.0.5 Run the following command to install the packages: flutter pub get 3. Configure Flutter Native Splash Add the following configuration to your pubspec.yaml file for the native splash screen: flutter_native_splash: color: "#42a5f5" image: assets/splash.png android: true ios: true web: false android_gravity: fill ios_...