Skip to content

๐Ÿงฎ A modern and user-friendly calculator app built with Flutter. Supports basic arithmetic, advanced mathematical functions, and a clean, intuitive UI. ๐Ÿš€

Notifications You must be signed in to change notification settings

SHahd-Ibrahim-Rezq/Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

9 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ“ฑ Flutter Calculator

๐Ÿš€ A beautifully designed, highly functional, and incredibly user-friendly calculator application created using the Flutter framework. This app is perfect for anyone looking for a reliable and efficient tool for performing calculations.

โœจ Features & Skills

  • ๐Ÿงฎ Basic Arithmetic: Addition, Subtraction, Multiplication, Division
  • ๐ŸŽฏ Advanced Operations: Percentage, Square, Square Root, Power
  • ๐Ÿ”ข Memory Function: Answer Memory (ANS) for quick recall
  • ๐Ÿ›  Custom Widgets: Reusable UI components for efficiency
  • โšก Optimized Performance: Smooth UI and fast execution
  • ๐ŸŽญ User-Friendly Interface: Intuitive button layout and responsive design

๐Ÿ— Widgets Used

๐Ÿ“Œ Layout & Structure

  • ๐Ÿ›๏ธ Scaffold - Provides the basic app structure
  • ๐Ÿ“ Column & Row - Arranges components in a structured layout
  • ๐Ÿ”ข GridView.builder - Dynamically creates the button grid
  • ๐Ÿงฉ SliverGridDelegateWithFixedCrossAxisCount - Defines the button grid structure

๐ŸŽจ Styling & Design

  • ๐Ÿ“ฆ Container - Wraps elements for styling and spacing
  • ๐Ÿ”ฒ ClipRRect - Rounds button edges for a smooth look
  • ๐Ÿ“ Padding & SizedBox - Manages spacing between elements
  • ๐ŸŽจ Material & InkWell - Adds ripple effects for button feedback
  • ๐ŸŽญ Align - Aligns text and widgets properly
  • ๐ŸŽจ DecoratedBox - Customizes the button styles
  • ๐Ÿ–ผ๏ธ BoxDecoration - Adds color, border radius, and styling to widgets

โŒจ๏ธ User Interaction

  • ๐Ÿค– GestureDetector - Detects button taps for user interaction
  • ๐ŸŽฏ InkResponse - Provides visual feedback for taps

๐Ÿ”  Text & Display

  • โœ๏ธ Text & TextStyle - Displays numbers, symbols, and results
  • ๐Ÿ“œ RichText - Enhances text presentation

๐Ÿ“‚ Project Structure

๐Ÿ“ฆ flutter_calculator
โ”ฃ ๐Ÿ“‚ lib
โ”ƒ โ”ฃ ๐Ÿ“œ main.dart  (Main application logic)
โ”ƒ โ”ฃ ๐Ÿ“œ buttons.dart  (Custom button widget)
โ”ฃ ๐Ÿ“œ pubspec.yaml  (Dependencies & configurations)

๐Ÿ“ธ Screenshots

Calculator UI
UI Preview

๐Ÿ› ๏ธ Technologies Used

  • ๐ŸŸฆ Flutter - Framework for building the UI
  • ๐ŸŽฏ Dart - Programming language for Flutter apps
  • ๐Ÿงฎ Math Expressions Package - Evaluates mathematical expressions

๐Ÿš€ Installation & Setup

Prerequisites

Installation

  1. Clone the repository:
    git clone https://github.com/yourusername/flutter_calculator.git
  2. Navigate to the project directory:
    cd flutter_calculator
  3. Install dependencies:
    flutter pub get
  4. Run the app:
    flutter run

๐ŸŒŸ Why I Created This

๐Ÿ’ก I built this calculator app to enhance my Flutter skills and create a practical, visually appealing, and efficient tool. The goal was to implement essential mathematical functions while optimizing UI responsiveness and user experience. This project helped me gain hands-on experience with:

  • ๐Ÿ— Widget structuring and layout management
  • ๐ŸŽญ Gesture handling for a smooth UI
  • ๐Ÿงฎ Mathematical expression evaluation using Dart
  • ๐ŸŽจ Styling and UI customization with Flutter components

I hope you find this project useful and inspiring! โœจ๐Ÿš€

About

๐Ÿงฎ A modern and user-friendly calculator app built with Flutter. Supports basic arithmetic, advanced mathematical functions, and a clean, intuitive UI. ๐Ÿš€

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published