Watch Me Build an AI-powered Portfolio App with a Chatbot in 1 hour! 👀 Replit AI Integration
🎁 Promo code: $10 credit when you sign up for Replit Core | https://replit.com/refer/ElizabethAlli
📚 Replit Resources: Remix this project and view tutorials | https://designerup.co/perks/replit
@replit 's new AI integrations feature has made it possible for the first time ever to skip all of the techinical setup and dive straight into creating AI-powered applications. Just open Replit, choose your AI model (OpenAI, Gemini, Anthropic, OpenRouter and more), build, test and launch all from a prompt - No API keys, no separate developer accounts, no wasted time!
#unitedstates
In this video, I'll show how I built a full-stack design portfolio + interactive chatbot in under an 1 hour using this workflow. I’ll cover:
👉🏽 How to build a web app with just two prompts that has AI-powered features enabled without an API key.
👉🏽 How Replit Agent handles autonomy: builds its own code, runs automated tests, and optimizes behind the scenes.
👉🏽 How to iterate and make changes
⏰ TIMESTAMPS
00:00: Intro
00:20: Building AI Apps Before Replit
00:48: Building AI Apps After Replit
1:01: Prompting Replit Agent to generate my app
2:32: Viewing agent app build plan
4:20: Agent creating app files, design & code
4:11: Agent generating AI images and mockups
4:55: Agent fixing errors
5:05: Making changes and fixing bugs
6:29: Adding a new feature
6:54: Viewing database and code
7:30: How much this costs
8:00: Get a discount and copy these apps!
🎥 WHAT TO WATCH NEXT
⭐️ Replit Agent 4 2026 Update Video | https://youtu.be/pVfQCbesbnM
→ AI Tools for Designers | https://youtu.be/NGEkAwIjJHQ
📚 PRODUCT DESIGN (UX/UI) COURSE (⭐️ 500+ Happy Students!)
⊚ Enroll Now | https://designerup.co/product-design-ui-ux-course?utm_source=youtube&utm_medium=link
🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Replit | https://go.designerup.co/replit
⊚ Mobbin | https://go.designerup.co/mobbin
⊚ Figma | https://go.designerup.co/figma
⊚ ProtoPie | https://go.designerup.co/protopie
⊚ Miro | https://go.designerup.co/miro
⊚ Notion | https://go.designerup.co/notion
⊚ Framer | https://go.designerup.co/framer
📒 GET FREE DESIGN LESSONS
⊚ Free UI Design Crash Course | https://designerup.co/ui-design-crash-course
⊚ Newsletter | https://designerup.co/newsletter
⊚ Live Webinars | https://designerup.co/webinars
📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG | https://designerup.co/blog
🥰 JOIN OUR NEWSLETTER COMMUNITY
⊚ DesignerUp Newsletter | https://designerup.co/newsletter
🙋🏽♀️ ABOUT ELIZABETH ALLI
⊚ Senior Product (UX/UI) Designer
⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School
⊚ Trained teacher
⊚ Youtube creator
⊚ Author
💬 CONNECT WITH US
⊚ Twitter | https://twitter.com/designerupco
⊚ Instagram | https://www.instagram.com/designerupco
⊚ Facebook | https://www.facebook.com/designerupco
⊚ LinkedIn | https://www.linkedin.com/company/designerupco
⊚ Pinterest | https://www.pinterest.com/designerupco
*Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and continue to create the highest quality content possible. So thanks for your clicks and your support! 💜
💻 SPONSORSHIP AND COLLAB INQUIRIES
⊚ Email | learn@designerup.co
📚 Replit Resources: Remix this project and view tutorials | https://designerup.co/perks/replit
@replit 's new AI integrations feature has made it possible for the first time ever to skip all of the techinical setup and dive straight into creating AI-powered applications. Just open Replit, choose your AI model (OpenAI, Gemini, Anthropic, OpenRouter and more), build, test and launch all from a prompt - No API keys, no separate developer accounts, no wasted time!
#unitedstates
In this video, I'll show how I built a full-stack design portfolio + interactive chatbot in under an 1 hour using this workflow. I’ll cover:
👉🏽 How to build a web app with just two prompts that has AI-powered features enabled without an API key.
👉🏽 How Replit Agent handles autonomy: builds its own code, runs automated tests, and optimizes behind the scenes.
👉🏽 How to iterate and make changes
⏰ TIMESTAMPS
00:00: Intro
00:20: Building AI Apps Before Replit
00:48: Building AI Apps After Replit
1:01: Prompting Replit Agent to generate my app
2:32: Viewing agent app build plan
4:20: Agent creating app files, design & code
4:11: Agent generating AI images and mockups
4:55: Agent fixing errors
5:05: Making changes and fixing bugs
6:29: Adding a new feature
6:54: Viewing database and code
7:30: How much this costs
8:00: Get a discount and copy these apps!
🎥 WHAT TO WATCH NEXT
⭐️ Replit Agent 4 2026 Update Video | https://youtu.be/pVfQCbesbnM
→ AI Tools for Designers | https://youtu.be/NGEkAwIjJHQ
📚 PRODUCT DESIGN (UX/UI) COURSE (⭐️ 500+ Happy Students!)
⊚ Enroll Now | https://designerup.co/product-design-ui-ux-course?utm_source=youtube&utm_medium=link
🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Replit | https://go.designerup.co/replit
⊚ Mobbin | https://go.designerup.co/mobbin
⊚ Figma | https://go.designerup.co/figma
⊚ ProtoPie | https://go.designerup.co/protopie
⊚ Miro | https://go.designerup.co/miro
⊚ Notion | https://go.designerup.co/notion
⊚ Framer | https://go.designerup.co/framer
📒 GET FREE DESIGN LESSONS
⊚ Free UI Design Crash Course | https://designerup.co/ui-design-crash-course
⊚ Newsletter | https://designerup.co/newsletter
⊚ Live Webinars | https://designerup.co/webinars
📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG | https://designerup.co/blog
🥰 JOIN OUR NEWSLETTER COMMUNITY
⊚ DesignerUp Newsletter | https://designerup.co/newsletter
🙋🏽♀️ ABOUT ELIZABETH ALLI
⊚ Senior Product (UX/UI) Designer
⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School
⊚ Trained teacher
⊚ Youtube creator
⊚ Author
💬 CONNECT WITH US
⊚ Twitter | https://twitter.com/designerupco
⊚ Instagram | https://www.instagram.com/designerupco
⊚ Facebook | https://www.facebook.com/designerupco
⊚ LinkedIn | https://www.linkedin.com/company/designerupco
⊚ Pinterest | https://www.pinterest.com/designerupco
*Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and continue to create the highest quality content possible. So thanks for your clicks and your support! 💜
💻 SPONSORSHIP AND COLLAB INQUIRIES
⊚ Email | learn@designerup.co