Skip to content

Wallet App UI with complex Jetpack Compose implementation and interactive charts using compose-charts library.

Notifications You must be signed in to change notification settings

js-bhavyansh/Wallet_App_UI

Repository files navigation

Wallet App UI

This repository contains the source code for a Wallet App UI developed using Jetpack Compose. The app showcases a complex UI implementation, including the use of the compose-charts library by Bytebeats to create graphs and charts.

Features

  • Modern UI: Built using Jetpack Compose with Material3 theming.
  • Edge-to-Edge Support: Utilizes edge-to-edge rendering for a seamless user experience.
  • Card Section: Displays user's cards.
  • Action Section: Provides quick actions for the user.
  • Spending Section: Shows spending categories.
  • Spending Graph: Visual representation of spending using charts.

Screenshots

Light Mode :

First Screenshot Second Screenshot

Dark Mode :

First Screenshot Second Screenshot

Getting Started

Installation

  1. Clone the repository:

      git clone https://github.com/Bhavyansh03-tech/Wallet_App_UI.git
  2. Open the project in Android Studio.

  3. Build the project and run it on an emulator or a physical device.

Dependencies

The project uses the following dependency for creating charts:

[versions]
# COMPOSE CHARTS :->
composeCharts = "0.2.1"
# EXTENDED MATERIAL ICONS :->
materialIconsExtended = "1.6.8"
# GOOGLE FONTS :->
uiTextGoogleFonts = "1.6.8"

[libraries]
# COMPOSE CHARTS :->
compose-charts = { module = "io.github.bytebeats:compose-charts", version.ref = "composeCharts" }
# GOOGLE FONTS :->
androidx-ui-text-google-fonts = { module = "androidx.compose.ui:ui-text-google-fonts", version.ref = "uiTextGoogleFonts" }
# EXTENDED MATERIAL ICONS :->
androidx-material-icons-extended = { module = "androidx.compose.material:material-icons-extended", version.ref = "materialIconsExtended" }

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes.

  1. Fork the repository.
  2. Create your feature branch (git checkout -b feature/your-feature).
  3. Commit your changes (git commit -am 'Add some feature').
  4. Push to the branch (git push origin feature/your-feature).
  5. Create a new Pull Request.

Contact

For questions or feedback, please contact @Bhavyansh03-tech.


About

Wallet App UI with complex Jetpack Compose implementation and interactive charts using compose-charts library.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages