Here's how I coded my email sorting app.

@sarahli.mp3

45.2K followers · usually 16.2K views a post

Views

2.8M

Likes

22.8K

Comments

86

Shares

438

Selling · SaaS

Replitseen in 54 videos →https://replit.com ↗

Why it worked

The video combines a high-interest technical topic (AI/gesture control) with a nostalgic aesthetic (Windows 98) and a clear, satisfying problem-solving narrative.

Summary

The creator demonstrates how she built a gesture-controlled email sorting application using Replit and various APIs. She walks through the setup process, including integrating the Gmail API and styling the interface with 98.css.

Structure

1Introduction to the gesture-controlled email app
2Setting up the scaffold in Replit
3Integrating Media Pipe for hand tracking
4Configuring the Gmail API backend
5Adding the 98.css aesthetic
6Final demo of sorting emails with hand gestures

Product placement

Replit is shown as the primary development environment throughout the video.

Original caption

this is how i coded my gesture controlled email sorting app with @repl.it check it out: swipe-email.replit.app/demo tech stack: media pipe gmail api typescript 98.css #coding #codewithme #techgirl #coolapps #fyp

More from @sarahli.mp3

Their other posts in the index, biggest breakout first.

Call to action

Follow me for more coding projects

On-screen text

how I coded my email sorting app step 1 Hi sarah, what do you want to make? Build a gesture controlled email sorter that tracks you hand and moves the current email into a folder based on which corner of the screen your hand is in. the tech stack: when you point at a folder you'll see the email move Now, let's set up the Gmail integration on the back end Google Cloud project copy your secrets and paste them into Replit for the fun part I use the 98.css library I can finally sort through my 10,000 unread emails follow me for more coding projects

Transcript

Here's how I coded my email sorting app. Step 1, I got Replit to spin up a scaffold with a camera so I could track my hand movements. For the tech stack, I used Media Pipe for hand gestures. It runs right in your browser so everything feels instant. When you point at a folder, you'll see the email move. Now, let's set up the Gmail integration on the back end. Make a new Google Cloud project and enable the Gmail API. Copy your secrets and paste them into Replit. Now you can log into Gmail by doing a thumbs up. And in case you make a mistake, you can do a thumbs down to undo it. And for the fun part, I use the 98.css library. I'm using a button component and this window component. I can finally sort through my 10,000 unread emails. Yay! Follow me for more coding projects.