A Firebase integrated messaging app where users can create accounts and log in for an engaging messaging experience. It also has custom animations created in After Effects and integrated into the app using Lottie/Rive. It is made with Flutter, Material Design 3 using the recommended Flutter Architecture Guidelines.
Conversa_App_Demo.mp4
- Integration of Firebase functions for push notification didn't happen with the npm install, thus I had to use "npm install -g yarn"
- The widget sizes and spacing were too arbitrary for different devices, so I optimized using the "responsive_resizer" plugin. Instead of just using "EdgeInsets.all(double)" I used "EdgeInsets.symmetric(horizontal: value.w, vertical: value.h)" for having a more symmetric feel.
- Lottie's documentation for dynamic editing of animations was faulty so after several experiments I was able to edit the Lottie animations during runtime.
Ex- Documentation code
ValueDelegate .position( const ['Shape Layer 1', 'Rectangle', '**'], relative: const Offset(100, 200), ),
My code
ValueDelegate .transformPosition( const ['Rectangle', '**'], relative: const Offset(100, 200), ),
- User creation and authentication using Firebase.
- Customised vector animations using After Effects and Lottie.
- Enhanced message bubbles for a better user experience.
- Subtle transition and button animations.
- Push notifications on message send.
- Enabled image uploading for user DP.
- A visually responsive and aesthetic User Experience.
Conversa_App_Welcome_Screen-2.mp4
| Plugin Name |
|---|
| firebase(multiple plugins) |
| lottie |
| responsive_sizer |
| image_picker |
Bmi App is distributed under the terms of the MIT License. See the license for more information.