# Remaking popular apps so I don’t have to pay for them

Source: https://www.youtube.com/watch?v=I-m4HSjptAM
Recap page: https://rapidrecap.app/video/I-m4HSjptAM
Generated: 2025-09-11T19:05:39.922+00:00

---
## Quick Overview

The creator builds a custom browser-based video and audio transcription app using AssemblyAI's API and Python, demonstrating its functionality with a drag-and-drop interface and showcasing the cost-effectiveness of using AI for such tasks.

**Key Points:**
- The creator builds a browser-based drag-and-drop video and audio transcription app using Python and the AssemblyAI API.
- The app allows users to drag and drop video or audio files directly into the browser for transcription.
- The transcription process is handled by AssemblyAI's API, costing approximately $0.00027 per minute for pre-recorded audio and $0.00054 per minute for streaming audio.
- The creator uses Python, Express.js, and HTML/CSS/JavaScript for the application, with the API key hardcoded into the client-side for demo purposes.
- The tool successfully transcodes various image formats to JPEG, including WebP, AVIF, TIFF, PNG, BMP, GIF, HEIC, and more, with adjustable quality settings.
- The creator also demonstrates using AI tools like Whisper Flow for voice note transcription and other AI tools for tasks like editing video transcripts and generating code snippets.
- The project is available on GitHub, allowing users to download and run the application locally.

![Screenshot at 00:23: The creator points to the screen, indicating the AI capabilities they intend to demonstrate.](https://ss.rapidrecap.app/screens/I-m4HSjptAM/00-00-23.png)

**Context:** The video explores the practical applications of AI in everyday tasks by demonstrating the creation of useful tools. The creator focuses on building applications that solve common problems, such as the need to transcribe audio and video, or convert image formats. The video highlights how AI APIs can be leveraged to create powerful, cost-effective solutions, reducing reliance on paid services. The creator uses readily available tools and APIs, making the process accessible and replicable.

## Detailed Analysis

The creator demonstrates building a custom browser-based application that utilizes AI for transcription and image conversion tasks. They begin by showcasing the AssemblyAI API, highlighting its free tier which offers $50 in credits, sufficient for a significant amount of transcription. The creator then proceeds to build a drag-and-drop transcription app using Python, Express.js for the server, and a simple HTML/CSS/JavaScript frontend. The app allows users to upload audio or video files directly in the browser, which are then sent to AssemblyAI for transcription. The process is explained step-by-step, including setting up the API key, running the server, and handling file uploads. The creator also demonstrates a separate tool for converting various image formats to JPEG, showcasing its universal format support and bulk processing capabilities. The video emphasizes the cost-effectiveness of these AI-powered tools, contrasting the minimal cost of using the API with the higher fees of subscription-based services. Finally, the creator shows how to deploy these tools on GitHub, making them accessible to others.

### AI Tool Demonstration

- Building a drag-and-drop video/audio transcription app using AssemblyAI API and Python
- Creating a browser-based image format converter using Python

### Key AI Tools Discussed

- AssemblyAI API for transcription
- Whisper Flow for voice note transcription
- ChatGPT for code generation and error fixing

### Application Features

- Drag-and-drop interface for file uploads
- Browser-based transcription processing
- Support for various video and audio file formats
- Image conversion to JPEG with adjustable quality
- Code generation for custom applications

### Cost-Effectiveness

- Leveraging free AI tiers and pay-as-you-go models to save money
- Comparing API costs to subscription services

### Development Process

- Setting up the development environment
- Installing Python packages (Pillow, Tkinter)
- Writing server-side (Express.js) and client-side (React/TypeScript) code
- Debugging common errors (e.g., SyntaxError)

### Tool Showcase

- Demonstrating the image converter's ability to handle multiple file types and batch processing
- Showcasing the transcription app's functionality with a sample video file

![Screenshot at 00:00: The creator, wearing a green cap and headphones, addresses the audience directly.](https://ss.rapidrecap.app/screens/I-m4HSjptAM/00-00-00.png)
![Screenshot at 00:13: Mark Zuckerberg is shown in a video clip, smiling and standing in front of grills.](https://ss.rapidrecap.app/screens/I-m4HSjptAM/00-00-13.png)
![Screenshot at 00:38: An icon representing Microsoft Paint is displayed.](https://ss.rapidrecap.app/screens/I-m4HSjptAM/00-00-38.png)
![Screenshot at 00:53: The Warp "Agentic Development Environment" website is shown, highlighting its features.](https://ss.rapidrecap.app/screens/I-m4HSjptAM/00-00-53.png)
![Screenshot at 01:17: The Warp terminal interface is displayed, showing examples of AI usage.](https://ss.rapidrecap.app/screens/I-m4HSjptAM/00-01-17.png)
![Screenshot at 01:50: A prompt is typed into the terminal to create a "Microsoft Paint Clone".](https://ss.rapidrecap.app/screens/I-m4HSjptAM/00-01-50.png)
![Screenshot at 02:33: The AI generates a task list for creating the "Microsoft Paint Clone" application.](https://ss.rapidrecap.app/screens/I-m4HSjptAM/00-02-33.png)
![Screenshot at 03:06: The creator demonstrates drawing with the pencil tool in the Paint Clone application.](https://ss.rapidrecap.app/screens/I-m4HSjptAM/00-03-06.png)
![Screenshot at 03:25: The creator draws an arrow using the arrow tool in the Paint Clone application.](https://ss.rapidrecap.app/screens/I-m4HSjptAM/00-03-25.png)
![Screenshot at 03:45: The creator draws a rectangle and then a circle in the Paint Clone application, showcasing different shapes and colors.](https://ss.rapidrecap.app/screens/I-m4HSjptAM/00-03-45.png)