This is a teaser launch video of the product remyAI - an food ordering agent. And this video is completely coded out. The best part? This is vibe coded within 2 days by a backend engineer who knows very little about frontend! 🚀

Watch the video here: remy.craveo.in

In today's world, developers can create stunning, professional-quality videos entirely through code. This project is a testament to that capability, showing how modern tools and frameworks have revolutionized video creation.

This project was initially coded by Lovable website to take it up the ground fast, then downloaded and using Windsurf editor (sometimes Cursor) made what was required. The entire video was vibe coded within 2 days using Windsurf - a shoutout to the amazing team behind this incredible editor!

The video is created using several powerful concepts:

• Frames: Each moment in the video is represented as a frame, allowing precise control over animations and transitions
• Interpolation: Smooth transitions between frames are achieved through interpolation, creating fluid motion
• Remotion: A powerful framework that enables video creation using React components and JavaScript

This project is built with:

• Vite
• TypeScript
• React
• shadcn-ui
• Tailwind CSS
• Remotion (for video creation)

Use your preferred IDE

The only requirement is having Node.js & npm installed - install with nvm

Follow these steps:

# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>

# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>

# Step 3: Install the necessary dependencies.
npm i

# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev