My frontend experience with Angular is minimal, I’ve maintained an open source application for integration with the Rekor Scout docker image here to help keep my basic understanding of Angular around. After a year of neglect I upgraded to .net 7 and angular 11. I also added in a service worker and turned the frontend into a PWA that can be installed on the desktop and mobile. Along with that native browser/pwa push notifications alongside the existing pushover functionality.

I wanted to duplicate the camera masking logic Rekor has in their native web dashboard. Telling the agent to not analyze portions of the video saves on processing power and can help prevent false captures. I found the exact functionality I desired, but it was written in React.

I solicited some ex-coworkers to help me in their spare time. One person recommended trying out the new ChatGPT v4. I gave it a screenshot of the React app and a short description:

It took a few revisions but it ended up getting 95% of the functionality I needed. After added in some app-specific logic I had a working component in under an hour!