1984
Inspired by George Orwell's novel, 1984, I wanted to create a simple monitoring site that feels like something the thought police would have been reviewing. It pulls a live feed from your camera and lumps you in with 8 other AI generated observees.
See it in action
See it in action
INITIAL SETUP
This was my first project starting to explore react.js, node.js, and deployment via vercel, so I used Gemini to help get me up to speed via the terminal. This required installation and setup I was not familiar with but after hammering Gemini with lots of dumb questions I got where I needed to be.
This was my first project starting to explore react.js, node.js, and deployment via vercel, so I used Gemini to help get me up to speed via the terminal. This required installation and setup I was not familiar with but after hammering Gemini with lots of dumb questions I got where I needed to be.
INTERACTIVE TRACKING
After setup, I was able to start playing with the camera and getting some interaction tracking working along with some shaders and effects to add to the overall look and feel.
After setup, I was able to start playing with the camera and getting some interaction tracking working along with some shaders and effects to add to the overall look and feel.
AI CONTENT GENERATION
My idea grew from one live feed to "What would it look like from the Thinkpol headquarters?"... From here I took a screenshot of myself in context and had Gemini create 8 different people and locations. From there I brought them to life via AI video generation using Flow maintaining the static camera and overall look and feel.
My idea grew from one live feed to "What would it look like from the Thinkpol headquarters?"... From here I took a screenshot of myself in context and had Gemini create 8 different people and locations. From there I brought them to life via AI video generation using Flow maintaining the static camera and overall look and feel.
INTERPOL MOMENTS
I also wanted to add in random active moments from the Interpol that felt like they were being monitored to a new level.
I also wanted to add in random active moments from the Interpol that felt like they were being monitored to a new level.
CURSOR + GEMINI VIBE CODING
Once I had the content I had Gemini create the layout and implement the videos into the specified screens. I jumped into Cursor to make final edits quickly without having to copy and paste code constantly.
Once I had the content I had Gemini create the layout and implement the videos into the specified screens. I jumped into Cursor to make final edits quickly without having to copy and paste code constantly.
GITHUB REPOSITORY
Along the way I was pushing the code to github for progress saves as well as giving others the opportunity to pull it and play around.
Along the way I was pushing the code to github for progress saves as well as giving others the opportunity to pull it and play around.
DEPLOY TO VERCEL
I wanted the app to live online so those without code experience could see it in action. So from here I signed up for a Vercel account and connected it to my github account.
I wanted the app to live online so those without code experience could see it in action. So from here I signed up for a Vercel account and connected it to my github account.
Try it out:
You can view/pull the code on Github to make tweaks of your own.