Unit Converter Pro - Flutter
Unit Converter Pro - Flutter TemplateA polished, production-ready Unit Converter application template built with Flutter. Designed with a focus on clean architecture, vibrant UI/UX, and easy customization. Perfect for developers looking for a high-quality starting point or a deployable app.🌟 Features- Modern UI/UX: Glassmorphism effects, smooth staggered animations, and a vibrant color palette.- Dark & Light Mode: Fully supported with a dedicated theme toggle.- Clean Architecture: Separation of concerns using Provider for state management, Repositories for data, and Models.- Real-time Conversion: Instant conversion as you type.- Swap Functionality: Easily swap 'From' and 'To' units.- Scalable Codebase: Easy to add new categories and units.- Zero Boilerplate: No complex setup required.📱 Screenshots🛠️ Installation1. Prerequisites: Ensure you have Flutter installed (`flutter doctor`).2. Clone/Download: Extract the project files.3. Install Dependencies:flutter pub get4. Run the App:flutter run⚙️ CustomizationAdding a New Category1. Open lib/data/repositories/unit_repository.dart.2. Add a new Category object to the getCategories() list.Category( id: 'speed', name: 'Speed', icon: Icons.speed, color: Colors.red, units: [ ... ], )Adding New Units1. In lib/data/repositories/unit_repository.dart, inside your desired Category, add Unit objects.2. Conversion Factor: The value representing how many Base Units equal 1 of this Unit.- Example (Length, Base=Meter):- Meter: 1.0- Kilometer: 1000.0 (1 km = 1000 m)- Centimeter: 0.01 (1 cm = 0.01 m)3. Offset (Optional): Used for non-linear units like Temperature.- See ConversionUtils in lib/core/utils/conversion_logic.dart for logic details.Changing the Theme1. Open lib/core/theme/app_theme.dart.2. Modify primaryColor, secondaryColor, or google fonts to match your brand.## 📂 Project Structurelib/ ├── core/ │ ├── theme/ # App Theme (Light/Dark) │ └── utils/ # Helper logic (Conversion math) ├── data/ │ ├── models/ # Data Models (Unit, Category) │ └── repositories/ # Data Source (Static Lists) ├── presentation/ │ ├── providers/ # State Management (Provider) │ ├── screens/ # UI Screens (Home, Converter) │ └── widgets/ # Reusable Widgets └── main.dart # Entry Point📦 Dependencies- provider: For state management.- google_fonts: For modern typography (Poppins).- flutter_staggered_animations: For list animations.
Get it → flutterly.gumroad.com