Full stack SaaS ScrapeFlow: NextJs course with React, Typescript , React-Flow, Prisma, ReactQuery

Time Stamps
00:00 Intro
04:24 Project setup
31:10 Auth setup
37:28 Database setup
45:14 Workflows page
01:21:05 Workflow card
01:32:12 Delete workflow dialog
01:41:05 Workflow introduction
01:43:48 Workflow editor
01:58:19 Extract text from element task
02:04:16 Node component
02:20:54 Task/Node inputs
02:41:00 Save button
03:03:22 Task menu
03:14:25 Task/Node outputs
03:27:33 Deletable edge
03:34:57 Extract text from element task
03:38:09 Connections validation
03:59:00 Delete/Duplicate task
04:03:04 Workflow type
04:11:00 Workflow execution part 1
04:29:48 Workflow validation/execution
05:30:20 Workflow execution viewer
06:08:38 Workflow execution part 2
06:12:24 Execution environment
06:16:48 Workflow execution part 3
07:36:43 Log collector
07:55:10 Workflow execution viewer part 2
08:24:13 User balance
08:33:32 Workflow execution part 4: credit consumption
08:43:30 Executions history page
09:15:52 Workflow publishing
09:30:50 Workflow unpublishing
09:40:33 Execution scheduler
10:50:18 Duplicate workflow button
11:00:00 Real world scraper implementation
11:02:32 Fill input task
11:10:50 Click element task
11:15:26 Wait for element task
11:28:50 Fix phase details
11:30:54 Deliver via webhook task
11:39:38 Credentials system
12:14:04 Extract data with AI task
12:33:56 Read property from Json task
12:41:16 Add property to Json task
12:46:58 Navigate to Url task
12:51:02 Scroll to element task
12:57:26 Bypass scraping protections
13:07:22 Home page
14:01:41 Fix dark theme editor
14:02:39 User account setup
14:08:46 Billing page part 1
14:23:51 Stripe integration
14:48:20 Billing page part 2
15:05:50 End

[klitonbare]

Vscode setup used in the video:
Theme: Vesper
Font used: Github Monospace

[NadjibSamsung]

This is insane. 2 or 3 years ago you will never find Tutorials like this. The bar of programming Tutorials is becoming so high

[phongtranhung]

Crazily helpful. Even a novice like me who just finished his React basic course can follow your video. Massive work! Thank you so much!

[amigos]

I thought am in a dreamworld. Never seen such a detailed tutorial anywhere. You must have spent hours for this tutorial. I donno how to thank you for all these efforts! I will try to join your Patreon and be a permanent member!

[motlalepulasello]

I've officially completed the tutorial and would love to give many thanks for all the hard lessons and technologies learned - it was tough to follow through at times but I'm glad I've completed it with your help - you explain everything well and I enjoyed you as a teacher.

[Suresh-iutx]

Never seen such project on internet. thank you. Keep going

[behjunm]

It's crazy that you gave this to us for free!
Even premium tutorials don't have these kinds of content.
Thank you!

[shivnandanbasotra]

We need more complex and creative projects like this one which can make us standout from the crowd and could help us to get hired.

[ModernMonk]

Bro woke up and decided to be a legend!💀

[cutieeeeeeeee-dj]

12:20:51 Updating dialog functionality and defining workflow executor
12:26:07 Implementing Open AI APIs in SaaS ScrapeFlow
12:28:31 Implementing OpenAI integration with React
12:33:24 Extracting and using output from AI for individual properties of JSON
12:35:54 Configuring data storage and workflow execution
12:40:44 Implementing AI-powered workflows in SaaS application
12:43:07 Adding properties to JSON using SaaS ScrapeFlow
12:48:01 Updating workflow with Navigate URL Task
12:50:26 Creating a scroll element task in the application.

[mitejmadan]

Irrespective of how many views you get. Keep going. You are doing gods work. All the best mate.

[leonardsam]

One of the best tutorials I've ever watched. Thanks for this.

[dreamsachiever]

Wow this is what I have been searching for a couple of weeks. How to use react-flow. I need this for a saas idea. Thanks for this valuable content. I love the way your organize your code. very clean. This video deserves hundred of thousands of views at least.

[derHowitzer]

You're an absolute legend for creating such a massive tutorial on such an interesting project!! Wishing you much love and success <3 !!

[sagargund]

Great project! Happy to see people moving to complex projects like these. Thank you very much 😊

[RafiXWPT]

Kilton, I found your channel by chance, and I am not regreting it. Your way of presenting whole process is awesome. Keep going with this great work!

[huynhphatat]

Now I understand why you took so long for this hour, it's a 15-hour video. Thank you so much Kliton

[hasaandotdev]

I have never seen someone explianing this much! Respect <3

[yarapolana]

I am just at the demo section and I am so impressed. Kliton congratulations with this project this is great!

[alphacker]

Thank you bro for this tutorial. That's insane the amount of work needed to do this. 🙏