A Simple but elegant Calculator app made with Flutter using Google's Material Design with Currency (Exchange Rate) and Unit Converter.

Hemant Rajput

Last update: Dec 7, 2022

Overview

Calculator

A Simple but elegant Calculator app made with Flutter using Google's Material Design with Currency (Exchange Rate) and Unit Converter.

Download APK

Universal Release arm64 armabi Source Code (zip) Source Code (tar.gz)

👨‍🎓 Things We learned through this project

Navigation and Routing

Flutter Navigator is just a stack with special methods like (pushNamed, pushReplacement, etc).
Screens/Routes are just widgets.
Navigation from one route to another defines workflow of application.

State Management

Stateless/Statefull widgets.
Flutter reflects its UI by reflecting current state.
State is read while widget is built and can be changed using setState() for Stateful widgets.

Object Oriented Approach

Handling various functionalities by binding them in Class and creating Objects of them.
Reusability of Code, Reducing Redundancy.

Use of 3rd Party Packages

Use of external packages provide application with variety of usefull functionalities.
Make Application Standout.

Dependencies Used

http: ^0.13.4 flutter_neumorphic: ^3.2.0 font_awesome_flutter: ^10.1.0

rflutter_alert: ^2.0.4 url_launcher: ^6.1.5

📱 App UI

Click here to expand

Calculator Screen	Units Screen	Exchange Rate Screen

*Rate Bottom Sheet*	*Length Conversion Screen*	*Area Conversion Screen*

*Speed Conversion Screen*	*Weight Conversion Screen*	*Data Conversion Screen*

*Power Conversion Screen*	*Pressure Conversion Screen*	*Volume Conversion Screen*

*About Screen*	Team Screen	*Settings Screen*

Directory Structure

calculator
|
|-- assets
|   |-- fonts
|   |   |-- Montserrat-Regular.ttf
|   |   `-- PTSans-Regular.ttf
|   |
|   `-- images
|       |-- app_icon.png
|       `-- github.png
|
|-- lib
|   |-- brain
|   |   `-- calculator_brain.dart
|   |
|   |-- models
|   |   |-- area.dart
|   |   |-- currency.dart
|   |   |-- data.dart
|   |   |-- length.dart
|   |   |-- power.dart
|   |   |-- pressure.dart
|   |   |-- speed.dart
|   |   |-- volume.dart
|   |   `-- weight.dart
|   |
|   |-- screens
|   |   |-- about_screen.dart
|   |   |-- area_conversion_screen.dart
|   |   |-- calculator_screen.dart
|   |   |-- data_conversion_screen.dart
|   |   |-- exchange_rate_screen.dart
|   |   |-- length_conversion_screen.dart
|   |   |-- power_conversion_screen.dart
|   |   |-- pressure_conversion_screen.dart
|   |   |-- settings_screen.dart
|   |   |-- speed_conversion_screen.dart
|   |   |-- unit_converter_screen.dart
|   |   |-- volume_conversion_screen.dart
|   |   `-- weigth_conversion_screen.dart
|   |
|   |-- utils
|   |   |-- constants.dart
|   |   `-- money_converter.dart
|   |
|   |-- widgets
|   |   |-- bottom_sheet_tile.dart
|   |   |-- field_list_tile.dart
|   |   |-- keypad_builder.dart
|   |   |-- round_button.dart
|   |   |-- scrollable_sheet.dart
|   |   |-- unit_box.dart
|   |   |-- unit_icon.dart
|   |   `-- url_launcher.dart
|   |
|   `-- main.dart
|
`-- pubspec.yaml

Building from Source

If you don't have Flutter SDK installed, please visit official Flutter site.
Fetch latest source code from master branch.

rajput-hemant@arch:~$ git clone https://github.com/rajput-hemant/calculator

Run the app with Android Studio or VS Code. Or the command line:

rajput-hemant@arch:~$ flutter pub get
rajput-hemant@arch:~$ flutter run

Contributors:

Sort it - Nothing is waste, but it becomes one when it is in the wrong place ,but who has the time to sort it and put it at its right place?

Sort It ✅ Nothing is waste, but it becomes one when it is in the wrong place , ?

Dec 6, 2022

I present to you the version 2 of my portfolio website https://davidcobbina.com . The design is elegant, simple minimal and beautiful. It was crafted with love using flutter. Find the first version of my portfolio here - (https://github.com/david-legend/aerium)

davidcobbina.com This is the second Iteration of my portfolio website (https://github.com/david-legend/aerium). It is inspired by Julius Guevarra's De

Dec 18, 2022

Simple-Calculator-App - Simple Calculator App using Flutter

Simple Calculator App I created this calculator using Flutter. I took inspiratio

Jan 26, 2022

A simple flutter application from an Udemy course to exchange the following currencies: real, dollar and euro using HG Brasil API.

cambiador Conversor de moedas como Dollar, Euro e Real. Getting Started This project is a starting point for a Flutter application. A few resources to

Mar 17, 2022

Color-Converter - A minimalist application made with flutter to convert hexadecimal colors to RGB colors and vise-versa.

Color Converter A minimalist application made with flutter to convert hexadecimal colors to RGB colors and vise-versa for Flutter Create Competition.

Sep 16, 2020

Flutter-calculator - A flutter calculator appliacation which is made with dart

A simple calculator A simple calculator app made with Flutter Screenshot This pr

Jan 23, 2022

A Very Flexible Widget that can Implement Material Sheets on all Directions, both modal and persistent, and consequently a Material Navigation Drawer

Flutter_MaterialSheetAndNavigationDrawer If this project helped you reduce developement time or you just want to help me continue making useful tools

Dec 4, 2021

Know where to go safely. Describe your experiences and rate places.

Is It Safe? 📌 Índice Sobre Showcase Features Como eu posso rodar o projeto? Ferramentas Instalação Run Suporte Como posso contribuir? Autores Info 🤔

Sep 19, 2022

This plugin allows to kindly ask users to rate your app if custom conditions are met

Rate my app ! This plugin allows to kindly ask users to rate your app if custom conditions are met (eg. install time, number of launches, etc...). You

Dec 22, 2022

Comments

[ImgBot] Optimize images

Beep boop. Your images are optimized!

Your image file size has been reduced by 33% 🎉

Details

| File | Before | After | Percent reduction | |:--|:--|:--|:--| | /ios/Runner/Assets.xcassets/AppIcon.appiconset/1024.png | 115.93kb | 67.96kb | 41.38% | | /assets/images/app_icon.png | 36.68kb | 23.01kb | 37.28% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/180.png | 10.66kb | 8.03kb | 24.67% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/120.png | 6.62kb | 5.33kb | 19.50% | | /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png | 11.26kb | 9.07kb | 19.48% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/114.png | 6.26kb | 5.06kb | 19.27% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/87.png | 4.72kb | 3.83kb | 18.75% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/80.png | 4.30kb | 3.53kb | 17.83% | | /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png | 8.39kb | 7.01kb | 16.49% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/60.png | 3.14kb | 2.64kb | 15.72% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/57.png | 2.95kb | 2.52kb | 14.51% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/58.png | 3.06kb | 2.64kb | 13.91% | | /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png | 5.39kb | 4.74kb | 12.02% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/40.png | 2.10kb | 1.87kb | 10.85% | | /android/app/src/main/res/mipmap-hdpi/ic_launcher.png | 4.05kb | 3.71kb | 8.49% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/29.png | 1.53kb | 1.41kb | 7.84% | | /android/app/src/main/res/mipmap-mdpi/ic_launcher.png | 2.64kb | 2.50kb | 5.44% | | | | | | | Total : | 229.67kb | 154.85kb | 32.58% |

📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace

~Imgbot - Part of Optimole family

opened by imgbot[bot] 0
Add toggle to show full calculation and have cursor

From what I have seen there are two styles of calculators. One is the way you do it where you type in one number and then + for example, and then the number disappears and you put in the next number. The other is where you type out the full calculation and all of it is shown, and then you are able to edit what you have typed using a cursor. I prefer the second option personally, but I also like how this is a calculator app and converter.

I'd like to see the user be given a choice between these two styles of calculator, on a side note, I would also like to see more conversions

opened by candroid-man 0
some suggetions
add calculating more the 2 verables at one time like (3+3+3=9)

when calculating it only shows last veriable ( ex when adding 6 + 8 it onlys shows + 8 not whole equation )

add scientific calculator

thanks for this app ❤️
enhancement
opened by BigDogg99 0