https://github.com/amirhosseinghanipour/donget-android

Flutter app for Donget test project
https://github.com/amirhosseinghanipour/donget-android

android-application android-development flutter flutter-apps flutter-ui flutter-ui-challenges

Last synced: about 11 hours ago
JSON representation

Flutter app for Donget test project

• Host: GitHub
• URL: https://github.com/amirhosseinghanipour/donget-android
• Owner: amirhosseinghanipour
• Created: 2025-08-19T21:52:58.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-08-22T23:10:05.000Z (10 months ago)
• Last Synced: 2026-05-07T10:43:27.935Z (about 1 month ago)
• Topics: android-application, android-development, flutter, flutter-apps, flutter-ui, flutter-ui-challenges
• Language: Dart
• Homepage:
• Size: 766 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Donget Test Project

![App Screenshot](screenshots/comparison.png)

## Overview

This project was developed as a test assignment for Donget in Flutter.

### Technical Features

- **Responsive Design**: Adapts to different screen sizes

- **Smooth Animations**: Bouncing scroll physics and material design interactions

- **Clipboard Integration**: Copy UID functionality with user feedback

- **Custom Widgets**: Reusable components with proper separation of concerns

- **Asset Management**: Organized icon and image assets

## Architecture

The project follows a clean, modular architecture:

```

lib/

├── constants/          # App-wide constants

│   ├── app_colors.dart     # Color definitions

│   ├── app_dimensions.dart # Spacing and sizing constants

│   ├── app_text_styles.dart # Typography styles

│   └── app_icons.dart      # Icon asset references

├── models/             # Data models

│   └── user.dart           # User data model

├── widgets/            # Reusable UI components

│   ├── header.dart         # App header

│   ├── profile_card.dart   # User profile display

│   ├── info_cards.dart     # Information cards

│   ├── menu_items.dart     # Settings menu

│   ├── gauge_chart.dart    # Custom chart component

│   ├── custom_navigation_bar.dart # Bottom navigation

│   └── custom_floating_action_button.dart # FAB

└── main.dart          # App entry point

```

## Development Challenges & Solutions

### Challenge 1: Custom Gauge Chart Implementation

**Problem**: Creating a smooth, responsive gauge chart without external dependencies.

**Solution**: Implemented using Flutter's `CustomPaint` with mathematical calculations for smooth arc rendering and proper color transitions that my datascience background helped me a lot.

### Challenge 2: Custom Navigation Bar

**Problem**: Creating a notched bottom navigation bar with FBA.

**Solution**: Used `BottomAppBar` with custom shape and proper positioning for the floating action button.

## UI Development Comparison

I was provided with the following UI design template in Figma to implement:

![Original Mobile View](screenshots/User,%20Mobile.png)



Below are the resulting screens I developed in Flutter:

![Dev Mobile View 01](screenshots/dev-01.png)

![Dev Mobile View 02](screenshots/dev-02.png)



*This project was developed as a test assignment for Donget in Flutter.*