Welcome to our guide on creating a fintech mobile app, inspired by our very own Vizier. This blog will walk you through the essentials of building a financial management app, break down the code, and offer troubleshooting tips. Let’s step into the world of mobile application development!
About Vizier
At Merixstudio, we believe that learning is best achieved through practice. To sharpen our mobile development skills, we embarked on a project to create an application with a custom UI, completely devoid of external libraries. Thus, Vizier was born. We crafted all the charts, animations, and widgets ourselves using Flutter’s built-in components and layers of canvas. Although Vizier uses randomly generated data, its architecture allows for seamless connection to external providers (like REST APIs) without altering views or cubits.
Features of Vizier
- Smooth, beautiful animations
- Unique, custom-made charts
- No external libraries for UI
- BLoC architecture, adhering to SOLID and clean architecture principles
- Randomly generated data for testing
- Adaptive widgets that adjust for both iOS and Android platforms
Libraries Used
Vizier utilizes the following libraries to enhance functionality:
- AutoRoute
- Bloc
- Freezed
- Injectable
Visual Representation: Screenshots
Here’s what Vizier looks like in action:
Getting Started
Before diving into the coding universe, there’s a pre-requirement to set up your main project folder. Simply run the following command:
flutter pub run build_runner buildThis will generate all the necessary files to kickstart your app development journey.
Environment Versions
To ensure everything works smoothly, make sure your environment supports the following versions:
- Dart 2.18+
- Flutter 3.3.1
Understanding the Code: An Analogy
Think of building an app like constructing a house. The framework you choose, such as BLoC architecture, serves as the skeleton of your house. It ensures that everything fits together seamlessly, while the custom UI is akin to the paint and decorations that make your house feel like home. Just like how you wouldn’t rely on prefabricated wall sections, we avoided external libraries to create a unique environment.
The custom charts and data generation are like choosing unique furniture and interior design; they reflect your personal taste and requirements without being constrained by market standards!
Troubleshooting Tips
If you encounter any issues while working on your app, consider the following troubleshooting ideas:
- Check the version compatibility of your Dart and Flutter installations.
- Ensure you have run the build command successfully to avoid missing files.
- Debug your code with attention to the BLoC architecture principles; incorrect implementation can lead to unexpected behavior.
For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.
Explore More
To delve deeper into the world of Vizier, explore the following resources:
Conclusion
At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.
Now, with your newfound knowledge, it’s time for you to embark on your own mobile application development journey!