Chromatic Network Mobile App
Chromatic Network is a social media platform geared towards creatives. The ecosystem allows users to post high quality images and videos that other users can vote on. Users are then ranked based on the quality of the content they post. I was brought on the project to update the iOS app with new features and to fix bugs.
Some interesting things I worked on include:
Parallax Images
The app uses images as it's main background. What happens when the image doesn't fit perfectly? Rather than clip/crop the photo it was decided to allow the user to tilt the phone to move the image (i.e. parallaxing images). I designed and implemented this feature using the accelerometer on the device.
Re-architect
To reduce the technical debt of the software I updated the app to the MVVM+C architecture (Model View ViewModel + Coordinators). A gradual update was chosen to balance the update with feature release schedules.
Transparent Video Tutorials
Video tutorials were needed for the app. The videos needed to always be the same height and width (aspect ratio) as the device that was viewing it. Rather than making videos for each aspect ratio of iPhone transparent videos were chosen. This also allowed the ability to dynamically highlight buttons in-place that the tutorial was referencing. This eventually led to the task of re-architecting the codebase for better maintainability as well as improved speed when adding/changing features.
My responsibilities included:
- Giving feedback on usability
- Working with backend developer
- Updating screens to better support iPhone X
- Fix various bugs throughout the app including:
- Performance issues
- Image quality issues
- Crashing
- Network errors
- And more
- Consolidate code for reusability and remove duplicate code
- Update push notifications to use Firebase
- Add deep linking
- Add transparent tutorial videos with custom button animations
- Upload new releases to the Apple App store
- Performance issues
- Image quality issues
- Crashing
- Network errors
- And more
Technology used:
- Native iOS (Swift/Objective-C)
- CocoaPods
- iOS Libraries:
- Firebase Messaging
- RxSwift/RxCocoa
- KingFisher
- AlamoFire
- RealmDB
- Firebase Messaging
- RxSwift/RxCocoa
- KingFisher
- AlamoFire
- RealmDB
Conclusion:
The outcome was successful and the client is very happy with the result. After re-architecting the codebase we have seen a stark reduction in the amount of code necessary to release new features. This has also led to a decrease in the time spent on each new task, providing cost savings and added value to the project.
View on
App Store
