Skip to content

Murtadha22/WeatherAppScreenJetpackCompose

Repository files navigation

WeatherApp UI 🌤️

A single-screen weather application showcasing a modern and aesthetically pleasing user interface designed using Jetpack Compose.


Features

  • Action Bar
    Includes location details, control button, and profile image with custom shadow effects.

  • Current Weather Details
    Displays temperature, weather conditions, and the day’s summary.

  • Air Quality Section
    Highlights air quality metrics like real feel, wind speed, and more.

  • Weekly Weather Forecast
    Provides a clear overview of the weather in the upcoming days with colorful indicators.


Screenshot

Weather Screen Overview
image

Tech Stack

  • Kotlin: For building the UI components.
  • Jetpack Compose: Used to create a responsive and gradient-rich interface.
  • Material Design 3: Consistent and modern design language.
  • Custom Shadows and Gradients: Enhancing the design aesthetics.

How It Works

This project focuses entirely on UI design and does not include backend integration or live weather data. It demonstrates the use of Compose for layout, theming, and custom UI effects like shadows, gradients, and animations.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages