Excited to share a cool thing I’ve put together:
Here’s the new File Preview at Brex, featuring:
- Smooth panning and zooming
- Keyboard navigation and gestures support
- Receipt item highlighting
- Dropzone
…And more!
See thread for how it came together - and how AI helped!
Overall, this was a very fun project to work on. The most difficult things were:
- Tweaking to get all the animations just right
- Rendering the figma-like dotted background
- Handling pointer/cursor events given all the UI layers
Excited to see this ship soon!
Excited to share a cool thing I’ve put together:
Here’s the new File Preview at Brex, featuring:
- Smooth panning and zooming
- Keyboard navigation and gestures support
- Receipt item highlighting
- Dropzone
…And more!
See thread for how it came together - and how AI helped!
We decided to use react-zoom-pan-pinch
(https://t.co/l3rEnE8XUo), which had the features we needed (like zooming into elements for multi-page PDFs) and a performant approach. We also used motion (https://t.co/i6XpN1I1My) for the other animations like the shared layout transition
@DOGE@elonmusk@DOGE me and my eng team built our card rails and expense mgmt from the ground up to solve this exact problem for the largest co's in the world.
Ready to be in DC with a team of engs and work side by side with DOGE team to improve payment systems. All volunteers. DM me.