I’m a CS student and for the past few months, my friend and I (we call ourselves 2Arc) have been obsessed with building a 'Ranking Filter' app. You know, those fun filters where you rank things in real-time.
When we started, we thought: 'It’s 2026, surely React Native has an easy way to record a camera overlay, right?' Wrong.
We spent so many nights debugging why things weren't working. Also, for the android we searched everywhere for a reliable in-app screen recorder library but came up empty-handed so we ended up with writing a native module for video image overlay. It was honestly soul-crushing and we almost shelved the project.
Instead of quitting, we decided to 'hack' our way through it with two different solutions:
- On IOS, we managed to get it working with Vision Camera and a native-side in-app recording bridge.
- On Android, since we couldn't find a recorder, we had to get creative and use Media3 to handle the overlays on top of the Vision Camera feed.
It’s built with a lot of coffee, late-night debugging on my iPhone 13, and my FZ's from classes.
I’m sharing this because I’m proud we didn't give up when the libraries failed us. If you’re a dev, you know that feeling of finally seeing your 'workaround' actually work.
I’d love for you guys to check it out and give me some honest (even brutal) feedback.
Links:
🌐 Website: https://twoarc.github.io/
App Store: apps.apple.com/us/app/ranking-filter-fun-challenge/id6757232644
▶ Play Store: https://play.google.com/store/apps/details?id=com.twoarc.rankingfilterfunchallenge
[link] [comments]
