Firebase UI screen
Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

The Vibe Coding Experiment: Building a Production App with Claude AI in One Week

Author: admin

  • The Vibe Coding Experiment: Building a Production App with Claude AI in One Week

    The Vibe Coding Experiment: Building a Production App with Claude AI in One Week

    So here’s the thing about AI hype: everyone’s either completely sold or totally skeptical, and I was somewhere in the middle. I’d been hearing about “vibe coding” – basically describing what you want to an AI and having it write the code – but I figured it was probably just fancy demo material that falls apart the moment you try to build something real.

    I decided to find out for myself.

    The Setup: A Ton of DVDs and a Problem

    I have what you might call a “vintage media problem.” Over the years, I’ve accumulated so many DVDs, and I managed to buy a few duplicates because I couldn’t remember what I already owned. Sure, there are apps for this, but they’re either expensive, loaded with ads, or missing features I actually wanted.

    My background isn’t in serious programming. I know HTML, CSS, and I’ve used JavaScript snippets for web projects and After Effects work. Enough to be dangerous, but not enough to confidently build an app from scratch.

    Perfect vibe coding test case, right?

    Week of May 23-30, 2025: The Experiment

    I opened up Claude.ai and basically said, “I want to make a DVD cataloging app.” My original criteria were pretty basic: sort by title and year, include runtime info, link to IMDb pages, and maybe show poster images.

    Claude came back with suggestions and features I hadn’t even thought of. Within the first few exchanges, it had sketched out a barcode scanner app with camera integration. I could see the bones of what I was looking for, even though there were some bugs.

    But here’s where it gets interesting, And frustrating.

    The Memory Problem

    Claude has this quirky thing where it sometimes completely forgets what you’ve worked on together. I’d explain a feature we’d already implemented, and Claude would respond like we were starting fresh. More than once, I had to say something like, “Remember, we already added that feature yesterday.”

    On the flip side, Claude would suggest elements I wouldn’t have thought of. The emoji usage throughout the app? That was all Claude.

    What Actually Got Built

    After a week of back-and-forth prompting, here’s what we ended up with:

    The core functionality: Search movies by title, automatically pull data from multiple movie databases (TMDB, OMDB), and save everything to a Firebase backend that syncs across devices.

    Barcode scanning: Point your phone at a DVD barcode, and it looks up the UPC in barcode databases, finds the movie title, then searches the movie databases for full details. When it works, it feels like magic.

    Photo capture: Take pictures of DVD covers (especially useful for weird special editions that don’t have official poster art). The app compresses photos automatically so they don’t eat up storage space.

    Smart filtering: Filter by genre, year, whether it’s a screener copy, Blu-ray vs DVD, or just search everything. Click on any genre and it shows you all movies in that category.

    Star ratings and notes: Rate movies and add notes like “2-disc set” or “Director’s commentary.”

    The interface isn’t going to win any design awards, but it’s clean and functional. More importantly, it actually works.

    Three Months Later: Does It Hold Up?

    I’ve been using this app since May, and honestly? It’s held up better than I expected. I’ve cataloged all my (gulp, 750) movies, and I can find anything in seconds. The Firebase sync means I can add movies on my phone and see them on my laptop.

    The barcode scanning works about 80% of the time – some older DVDs have barcodes that aren’t in the databases, but you can always add movies manually. The photo compression has been solid; I’ve got hundreds of cover photos and they sync quickly.

    Most importantly: I haven’t bought a single duplicate DVD since May.

    What I Learned About Vibe Coding

    It’s not just prompting. You need to understand what you’re asking for and be able to troubleshoot when things go weird. Having some basic web development background definitely helped.

    Version control becomes important. When Claude forgets what you’ve built, you need to be able to roll back or explain previous implementations.

    The debugging dance is real. You’ll spend time going back and forth on the same bug, particularly with camera permissions or API integrations.

    The Bigger Picture

    This wasn’t just about building a DVD app, it was about figuring out whether AI-assisted development is ready for real projects. The answer, at least for 2025, is a qualified yes.

    I’m already planning something more ambitious for my next vibe coding project. The workflow is addictive once you get the hang of it, and the speed from idea to working prototype is genuinely impressive.

    For anyone thinking about trying vibe coding: start with a project you actually need. The motivation to solve a real problem helps you push through the inevitable frustrations. And don’t expect it to be completely hands-off – you’re more like a project manager directing an very capable but occasionally forgetful developer.

    Would I use this approach for client work? Absolutely. In fact, that’s exactly what I’m hoping to do next.


    The DVD collection app continues to run on Firebase and gets daily use. Total development time: about 24 hours spread across one week. Zero regrets about the 750 DVDs.

  • Titles and Logos

    Titles and Logos

    This showcase highlights Motion City Films’ expertise in creating powerful visual identities that make lasting impressions. From cinematic title sequences that set the tone for entire productions to distinctive logos that become the cornerstone of brand recognition, we explore the art of distilling complex creative visions into memorable visual marks. See how thoughtful design creates immediate connection and lasting impact across every platform.

  • Free and Public Domain Photo and Image Providers

    Free and Public Domain Photo and Image Providers

    I work in media production, producing animation and video. So obviously I fully support image creators’ rights to make money from their creations. However sometimes something I am creating simply doesn’t merit a budget to license an image from a photographer or via a stock image agency. In those cases I will often shoot the image myself or turn to a resource for free images on the internet.

     

    Public Domain Image From NASAObtaining images from the internet is filled with potential landmines. By now, most people understand that some (actually most) images on the internet are not free for the taking. In fact, some image libraries have created lucrative businesses tracking down unauthorized use of images they represent and pressing for substantial payments. A notable example is Getty Images which uses software called PicScout to search for images they claim to exclusively represent and attempt to collect hundreds or even thousands of dollars for the use of these images. My friend Matthew Chan maintains an active forum at Extortion Letter Info  helping people deal with these collection attempts.

     

    In general, unless you took a photograph yourself or hired a photographer under a work-for-hire agreement that transfers the rights to an image to you, you cannot use an image. However, there are certain images that are free to use for various reasons. These are called public domain images. Public domain is a designation for content that is not protected by any copyright law or other restriction and may be freely copied, shared, altered and republished by anyone. In general, works published after 1977 will not fall into the public domain until 70 years after the death of author, or, for corporate works, anonymous works, or works for hire, 95 years from the date of publication or 120 years from the date of creation, whichever expires first. But their are exceptions.

     

    The first exception is in the United States, images and photos produced by the federal government are automatically in the public domain. There are a few notes that go along with this. You cannot use U.S. government trademarks or the logos of U.S. government agencies without permission. Individuals featured in images may have their own rights to privacy or publicity. Also, this only applies to federal agencies and not state and local governments. Finally, it is important to be aware that some images used on federal web sites may have been licensed from photographers and the government agency may not own these images.

     

    Another source of public domain images are photographs taken by photographers who have explicitly released their work into the public domain. For example Carol Highsmith has photographed American vistas, monuments, and architecture in all 50 states.  She donated her life’s work of more than 100,000 images, royalty-free, to the Library of Congress, which established a rare, one-person archive. Other photographers choose to release their images into the public domain as well. 

     

    Sample Creative Commons Attribution notificationSome choose to release their work under a Creative Commons Attribution License. This is technically not a public domain image, but rather a license to use the image. You must identify the creator in the manner they request, provide a copyright notice, and refer to the public license and disclaimer of warranties. A more detailed explanation is available on the Creative commons site. https://creativecommons.org/licenses/by/4.0/legalcode

     

    There are also images that were released prior to 1977 and for one reason or another, the copyright was not renewed or the images did not receive copyright protection. Prior to the Copyright Act of 1976 images had a shorter period of copyright and a complex system to claim copyright and renew it. Many images (and movies for that matter) fell out of copyright. Of course researching if these images are truly in the public domain is very complicated.

     

    Below is my list of image resources I use when I need a public domain image. I would be remiss if I didn’t point out that I am NOT a legal scholar and this information is based on my lay-persons understanding of Public Domain Images. When using images that are supposed to be in the public domain, it is important to document the source of the image and investigate why it is believed to be free to use. 

     

    The Library of Congress:

    http://www.loc.gov/rr/print/

    Every image in the online catalog tells you if there are “No known restrictions on publication” or if there may be an issue. Most of the photos and artwork are from mid-twentieth century and earlier. But if you are looking for wonderful retro imagery it is a great resource.

     

    Downtown Los Angeles by Carol HighsmithCarol Highsmith Archive

    https://www.loc.gov/collections/carol-m-highsmith/

    The previously mentioned Carol Highsmith Archive at the Library of Congress is a treasure trove of fantastic Americana photographs that is worth mentioning separately from the main Library of Congress.

     

    NASA

    https://images.nasa.gov/#/

    Tons of space images and rockets. It’s important to investigate the photo credit and make sure it is credited as NASA, as some images are obtained from third parties.

     

    NOAA

    https://www.nesdis.noaa.gov/content/imagery-and-data

    The National Oceanic and Atmospheric Administration is another federal government agency that produces fantastic satellite images and data visualizations of weather events.

     

    Wikimedia

    http://commons.wikimedia.org/wiki/Main_Page

    Wikimedia uses tons of images to supplement their Wikipedia entries. These images are searchable on the wikimedia site. Most of them are licenses under Creative Commons and all the images specify your right to use the image, how to credit the photographer, and any additional requirements.  I will note that some of the television shows I work on will not even consider Wikimedia images because they don’t feel the creator claims are closely vetted. However, I will say that if you are looking for an image for a web site or blog, you follow the license, and document the source, you should be fine.

     

    Magnifying Glass from MorguefileMorguefile

    https://morguefile.com

    Morguefile is a free photo archive “for creatives, by creatives” and has about 350,000 images usable for commercial work. It has been around since  1996. I have used images from this site and never had an issue. You are not required to give credit to the photographer, however it is important to note that “Morguefile … disclaims all liability relating to any User’s use of any Pictures.” That means it is conceivable that a person who does not own the rights to an image could upload an image and the original photographer could come after you for payment. That’s why it is important to document the source of the image. It won’t completely get you off the hook with a tenacious rights holder. However, documenting why you believe you were free to use any photo is an important insurance step.

     

    The New York Public Library Digital Collections

    https://www.nypl.org/blog/2016/01/05/share-public-domain-collections

    If you are looking for something beyond photographs, this is an amazing collection. Old board games, sheet music, advertisements, stereoscopic images AND photographs are all represented here. There are 180,000 digital files. Most are from the early 20th century and earlier.

     

     

    Here are several other sites similar to Morguefile that allow you to download images for free, but do not offer any warrantee.

     

    http://www.freeimages.co.uk/ (credit required)

     

    https://freerangestock.com (Credit NOT required) This company claims to shoot their own images. It seems they make money by suggesting additional images that can be purchased from stock photo companies.

     

    http://www.imageafter.com (Credit NOT required) They insist that you are responsible for using this images although it appears they vet their contributors to some degree.

     

    http://www.freepixels.com (credit required) A smallish selection and also no warrantee. 

     

    http://www.unprofound.com (Credit NOT required) This site has an interesting color-based search engine. The site uses a smaller group of selected photographers, so it lowers the risk of getting an image submitted by someone that doesn’t own the rights. 

     

    http://openphoto.net (credit required) Has a lot of images but is vague about the usage rights. 

     

    https://www.pond5.com/photos/1/.html?free=1#1 (Credit NOT required) Pond5 is a great resource for purchasing stock images. I support them in favor of companies like Getty Images (or their subsidiaries like iStockPhoto) or Masterfile because they don’t seem to make a business out of suing potential customers if an errant image ends up on a web site. Because they are sane and rational folks, they also provide some great public domain images for free.

     

    I also would be remiss if I didn’t mention Flickr, the biggest photo sharing site on the web https://www.flickr.com/ Not everyone allows their photos to be used commercially, though, so visit the Advanced Search Page, then check “Only search within Creative Commons-licensed content” and any other licence-related options you need before you begin. Like many of the other photo sites, they do not warrantee that the image is cleared to use. I also should mention that from 2008 to 2014 Getty Images was working with Flickr to sell some photographer’s images on their site. That agreement has since expired. But that relationship would make me extra-wary about using any images from Flickr. 

     

    Finally, here are a couple less useful sites:

     

    http://public-domain-photos.com They have a small selection of lower resolution images. They also mix in images from ShutterStock and send you to their site to license these images.

     

    http://www.freefoto.com These images are only free for non-commercial use and must have a watermark.

     

    http://www.freeimages.com/ First, this site is owned by the aforementioned Getty Images. Also it is important to read the licenses carefully. They mix in for sale images from another subsidiary, iStockPhoto. So be careful using these pictures.

     

    EDIT: I just came across another fantastic resource to share:

    https://unsplash.com/explore UNSPLASH offers over 300,000 free, high-resolution photos brought to you by the world’s most generous community of photographers.
    Also, two other sites that have been brought to my attention: https://www.pexels.com has a large collection of photographs AND videos that are licensed under the Creative Commons Zero (CC0) license. This means you can edit or change the videos and use them free for personal and even for commercial projects. Also Canva (https://www.canva.com) offers not just photos, but design templates, fonts, layouts and color pallettes to help you build “beautiful designs and documents.” It was not clear from this site though, what their long-term licensing policy is.

     

    UPDATE February 8, 2021: I’m glad people have found this resource helpful. I received an email from another site that offers images AND video. The site is PIKWIZARD.  Two thing to note: They intersperse their media offeriengs with commercial links. However it is very easy to identify them. They have a “Premium” tag over the image and when you roll over the image, you are notified which commercial stock house offers the image. Secondly, like many of these sites, the images are not always FREE for all uses. Some are specified for editorial use only, while others are marked “FREE for commercial and personal use. No attribution required.” Make sure you read that license!

     

    The other interesting thing about Pikwizard is that it has a built in image editor. You can do some quick image editing before downloading your image. I was also impressed that they had some useful stock video footage. This site is worth checking out.

  • Full Circle Back to Director

    Full Circle Back to Director

    How One Forgotten Software Tool Kept Powering Hollywood (And My Career)

    The Early Days: When Director Ruled Animation

    Way back when, at the dawn of Motion City Films, there was only one commercial application for creating animation: Macromedia Director. We bought this program and used it to create animations for an MTV contest, plus countless corporate videos for companies like AAA (the Auto Club), Sheppard Associates, Ingram/Micro-D, and even Mattel.

    The program had a brilliant “score” interface that allowed you to drop art elements into cells and animate them over time. But what made it special were the interactive features—you could trigger events based on timeline positions or user interactions with keys and mouse clicks.

    The Corporate Shuffle Years

    Over time, the program got passed around like a hot potato. Paracomp acquired it, then Adobe swooped in and bought Paracomp. But Adobe had bigger fish to fry—they’d also acquired the much more powerful After Effects and developed the vector-based Flash program, which quickly became the web’s go-to tool for interactive media.

    So Director? It just sort of… languished.

    We had no real need to upgrade past Director 8, which we used for some Enhanced CD development (remember those? Audio CDs with hidden interactive CD-ROM tracks).

    An Unexpected Brazilian Adventure

    But Director did give us one amazing opportunity: a trip to Brazil. A local training company had seen some of our Director work and asked me to fly down and teach their production teams how to create interactivity.

    When I returned, though, I pivoted hard into animation for film and TV, diving deep into After Effects. I thought that was the end of my Director story.

    The Hollywood Comeback Call

    I was wrong.

    In 2011, my friend David Watkinson called with an unexpected proposition. He was working on the TV show “Bones” and they needed someone who remembered Director. They had a massive amount of interactive screens to create for the season finale.

    “Do you remember Director?” he asked.

    “I have some memory of it,” I replied.

    “Want to join the production?”

    The Secret Behind Every Screen You Saw

    Getting back into Director was like riding a bicycle—and it opened my eyes to an industry secret.

    Pretty much every computer interface, heads-up display, Windows tablet screen, phone display, and video playback you saw in movies and TV was running through Director. Sure, some screens were blue or green-screened with effects added in post, but when real, interactive playback was needed on set? That was Director territory.

    A Testament to Great Design

    What struck me most was how little Director had changed over the years. It’s a testament to what a brilliant program Marc Canter developed back in the day. How many other development tools have basically stood unchanged for 15+ years and still work perfectly?

    The program could generate stand-alone Mac and PC apps—no small feat for its era.

    A Missed Opportunity

    I kept hoping Adobe would show this program some love. At the Adobe MAX convention, I even tried advocating for it.

    Why not roll this into Creative Cloud? I thought. There’s even a licensing agreement where Adobe gets 10% of commercial products made with Director. Why not get this amazing “App Engine” into as many hands as possible? The next Angry Birds could come from a Creative Cloud member!

    The 2025 Reality Check

    UPDATE IN 2025: Well, Director never received another chance, and technology has moved on. These days I use Tumult Hype in a full-screen browser for computer playback and Protopie for phones and sometimes tablets.


    Sometimes the tools that shape our careers aren’t the flashiest ones—they’re the workhorses that quietly get the job done, year after year, project after project.