pov: a hungry caterpillar broke your website

@sarahli.mp3

45.5K followers · usually 16.1K views a post

Views

1.1M

Likes

7.0K

Comments

104

Shares

195

SoundTikTok sound · original sound - sarahli.mp3

Promoted product

Replitreplit.com

Build and deploy software collaboratively with the power of AI without spending a second on setup.

75 videos25 creators

Why it worked

The video succeeds by combining a nostalgic, universally recognized theme with a satisfying 'build-in-public' workflow, making complex coding tasks look accessible and fun.

Summary

The creator demonstrates building a web application inspired by 'The Very Hungry Caterpillar' using the Replit platform and the pretext library. She shows the process from drawing assets to coding and publishing the final interactive site.

Structure

1Introduce the concept of a caterpillar-themed website
2Show the design process on a tablet
3Demonstrate coding the idea within Replit
4

Original caption

inspired by the very hungry caterpillar 🐛 and the pretext library! you can eat through the text to get to the fruits 🍎 i’ll make a video explaining how i used the pretext library with @Replit soon so follow for more :) try it out here hungrycaterpillar.replit.app #devlog #cuteapps #coding #pretext

More from @sarahli.mp3

Product placement

Replit is shown as the primary development environment used to build and host the application.

Call to action

try it for yourself ! 🐛 hungrycaterpillar.replit.app

On-screen text

pov: a hungry caterpillar broke your website let's build it (´◡`) designing the app draw your hungry caterpillar boop! write out your idea in replit drop in the assets fruit for our friend hehe slowly cooking... import pretext library looks like it worked !! let's hit publish try it for yourself ! 🐛 hungrycaterpillar.replit.app

Transcript

pov: a hungry caterpillar broke your website. Let's build it. Designing the app. Draw your hungry caterpillar. Boop. Write out your idea in Replit. Drop in the assets. Fruit for our friend hehe. Slowly cooking. Import pretext library. Looks like it worked. Let's hit publish. Try it for yourself.