https://github.com/turskyi/metrics_bubble

Custom metrics widget with demo screen.
https://github.com/turskyi/metrics_bubble

android dart flutter mvp provider svg web

Last synced: 27 days ago
JSON representation

Custom metrics widget with demo screen.

• Host: GitHub
• URL: https://github.com/turskyi/metrics_bubble
• Owner: Turskyi
• Created: 2021-11-02T05:52:17.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2024-05-21T01:05:32.000Z (8 months ago)
• Last Synced: 2024-05-21T02:50:16.444Z (8 months ago)
• Topics: android, dart, flutter, mvp, provider, svg, web
• Language: Dart
• Homepage:
• Size: 1.14 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# metrics bubble

This project has a small "metrics" widget that can be reused across different views. This widget

displays a weight and a label. It can be used, for example, in the summary view for a strength

assessment.

## PROJECT SPECIFICATION

[![style: lint](https://img.shields.io/badge/style-lint-4BC0F5.svg)](https://pub.dev/packages/lint)

• Programming language: [Dart](https://dart.dev/);

• SDK: [Flutter](https://flutter.dev/);

• Interface: [Flutter](https://flutter.dev/docs/development/ui);

• Architectural pattern: [MVP](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93presenter);

• State management approach: [Provider](https://flutter.dev/docs/development/data-and-backend/state-mgmt/simple);

• Fonts: The label is Helvetica. The weight and unit

are [League Gothic](https://www.theleagueofmoveabletype.com/league-gothic).

• The "metrics" widget is comprised of the following pieces:

- Label, STRING (ex: "Upper Body" or "Core")

- Weight, INTEGER (between 0 and 350)

- Unit (always "lbs")

- Background circle with graph

• Project included a screen that demonstrates "metrics" widget use. This screen also included a form

that allows the user to modify the Label and the Weight to see the widget update as changes are made

to the form.

• Code organization: The widget is separated from the demo webpage. It is easy to navigate the

project.

• Code quality: The code is understandable and commented when necessary. The widget is written with

the understanding that it will be used in many different places and require additional features in

the future.

• Attention to detail: Design is matched well in the final product. Requirements are implemented as

written.

• Design:



• Screenshots: