Introduction

What is Replit Agent

How does Replit Agent work

Prompting Replit Agent

Choosing your tech stack

Replit in action - Building the Survey

Replit in action - Integrating Notion

( the primaryDescriptionMarkdown is long - several lines, include images, as long as you want )

In this course we <headline of what we do>. <why this technology is good> but <here's how learning it is problem>. 

In <the length of these lessons> we cover <three salient points about what we cover. Your BEST points>. Its <however long it is> and comes with <these bonus features, and reasons to buy. code, etc.>

It's taught by <author name> who <credibility, reason you should listen to them>. <social proof, if you have it yet>

<then you can list other supporting stuff you want to add, anything you want here>

-------
Example:
-------

We created a free course to create your first GraphQL server (from scratch) using Node and TypeScript. TypeScript and GraphQL are a powerful combo, but there's a lot of confusing edges if you're getting it setup the first time.

In this course we cover the basics of getting TypeScript setup with Node, how GraphQL works, and how to set up a GraphQL server using Apollo server. It's two hours long, it comes with complete code examples, and we walk through the code step-by-step.

It's taught by my friend, Shopify-engineer Hassan Djirdeh and he's integrated what he's learned using GraphQL in production as an engineer at Shopify. We've already had over 1,300 students enroll and it's been getting great reviews so far.

// ... and so on

Learn how to build beautiful, fully-functional web applications with Replit Agent, an advanced AI-coding agent. This course will guide you through the workflow of using Replit Agent to build a Typeform-style survey application with React and TypeScript. You will learn effective prompting techniques, explore and debug code that's generated by Replit Agent, and create a custom Notion integration for forwarding survey responses to a Notion database.

Building a Typeform-Style Survey with Replit Agent and Notion

How Replit Agent works and why it's advantageous over alternatives like v0, Bolt, and Lovable

How to use effective prompting techniques to generate high quality applications with Replit Agent

How to build a Typeform-style survey using React, TypeScript, Tailwind CSS, and Framer Motion

How to understand the code in every file generated by Replit Agent

How to create your first Notion integration

How to forward survey responses to a Notion database

 welcome everyone to today's workshop on building a Typeform style survey with Replit agent and Notion.   So in today's workshop you'll be learning how to build a survey app that presents questions one by one with smooth animations with Replit agent and notion. This app will be built using TypeScript and React.

for today's agenda, you'll first be introduced to Replit agent. So basically we'll be answering the question of what is Replit agent? What's the difference between a coding assistant and a coding agent answering these sort of questions. Then we'll jump into learning how to effectively prompt Replit agent so that the app that's generated better matches your vision.

Then we'll jump into a live demo of Replit agent. We'll be building a Typeform style survey with Replit agent from the beginning, starting with a prompt and ending with a beautiful survey app that lets users answer questions one by one, jumping from one question to the next via smooth animations and storing those responses eventually in the Notion database.

---
title: "Introduction"
role: "INTRODUCTION"
isPublicLesson: true
coverImageUrl: https://image.mux.com/AVjBlWjFOAMjW9A024KFf9Q1hDrGvTcmgV2YcC01SbSUw/thumbnail.png?time=21
privateVideoUrl: https://stream.mux.com/kM8dR5zU6BBnrKdNKgP3skGvCm6wiFNTrt3gWQkcTQM.m3u8
---

 welcome everyone to today's workshop on building a Typeform style survey with Replit agent and Notion.   So in today's workshop you'll be learning how to build a survey app that presents questions one by one with smooth animations with Replit agent and notion. This app will be built using TypeScript and React.

for today's agenda, you'll first be introduced to Replit agent. So basically we'll be answering the question of what is Replit agent? What's the difference between a coding assistant and a coding agent answering these sort of questions. Then we'll jump into learning how to effectively prompt Replit agent so that the app that's generated better matches your vision.

Then we'll jump into a live demo of Replit agent. We'll be building a Typeform style survey with Replit agent from the beginning, starting with a prompt and ending with a beautiful survey app that lets users answer questions one by one, jumping from one question to the next via smooth animations and storing those responses eventually in the Notion database.

Ken Chan

Welcome everyone to today's workshop on building a type form style survey with

So in today's workshop, you'll be learning how to build a survey app that

presents questions one by one with smooth animations with repell agent and

This app will be built using TypeScript and react for today's agenda.

You'll first be introduced to repell agent.

So basically we'll be answering the question of what is repell agent?

What's the difference between a coding assistant and a coding agent?

Answering these sort of questions, then we'll jump into learning how to

effectively prompt repell agent so that the app that's generated better matches

your vision, then we'll jump into a live demo of repell agent.

We'll be building a type form style survey with repell agent from the beginning

starting with a prompt and ending with a beautiful survey app that lets users

answer questions one by one, jumping from one question to the next via smooth

animations and storing those responses eventually in an ocean database,

then we'll be jumping into the code that's produced by repell agent.

So we'll be covering all of the files and directories that are generated by

It's extremely important to understand the code that's being generated.

Since sometimes there might be unintended bugs that are introduced by repell

agent and sometimes repell agent might not be able to resolve those bugs by

So this way you can possibly guide it to resolve these sort of bugs.

It's also especially important to understand the code if you plan on deploying

And then we'll be creating a notion integration with the proper permission so

that you can actually connect the survey app to a notion workspace.

And you also need to be able to create a notion database on the notion

so that you'll have a place to store the survey responses.

The notion database will be placed in a page that you connect the integration

So this way the survey app will have the necessary permissions to add rows to

Let's start with the question of what is repell agent.