Flutter Weather API

A Flutter application that faithfully implements Figma UI designs using Material Design 3 principles and a widget-driven architecture.

  • RoleFigma-to-Dart UI Development
  • PlatformCross-platform Application
  • FocusPixel Perfect UI Implementation + Weather API + Geolocator integration

App Previews

  • Screenshot 1
  • Screenshot 2

Overview

Weather App

This project demonstrates the transformation of Figma UI designs into a Flutter-based application. Through using GeoLocator and Weather-API, it provides a faithful visual implementation of the design, focusing exclusively on user interface representation.

Code Previews

  • Screenshot 1

Result & Impact

  • Weather Data Integration: Implemented GeoLocator and Weather-API to fetch and display real-time weather information based on user location.

  • UI Implementation: Delivered a pixel-perfect UI that closely mirrors the original Figma designs, ensuring a consistent and engaging user experience.

  • Figma to Flutter Conversion: Successfully translated Figma designs into a functional Flutter application, maintaining visual fidelity and user experience.

  • Widget-Driven Architecture: Employed Flutter's widget system to build a modular and maintainable codebase, facilitating future updates and scalability.

"Want to see more or work together?"

This project reflects how I approach real-world problems — from UX decisions to technical trade-offs. If this resonates, let’s talk.