Full Stack AI Content Generator Saas with React, Typescript, Tailwind CSS, and Mongo DB скачать в хорошем качестве

Full Stack AI Content Generator Saas with React, Typescript, Tailwind CSS, and Mongo DB

In this video, we will be building a full stack Ai content generator saas from scratch, using the latest technologies, react, tailwind css, next js, mongo db for storing our projects. Also we will be adding clerk for authentification, and paypal api for accepting payements. Source Code: https://ko-fi.com/s/e5cf93f2eb Source code of all my projects: https://ko-fi.com/devscript/shopLive Live project: https://ai-verse-five.vercel.app/ Save your code snippets for FREE: https://www.snippetsaver.com/ ------------------- Watch Full Stack Component UI Builder tutorial: 👉    • Full Stack UI Components Builder App ...   Watch Full Stack Task Management tutorial: 👉    • Full Stack Task Manager App with Reac...   ------------------- Chapters: 00:03:39 - Creating the context API 00:06:18 - Adding the sidebar 00:14:06 - Adding the dark mode logic and the remaining words card 00:21:00 - Creating the logic to hide the sidebar 00:26:12 - Saving the state of dark mode and hiding the sidebar in local storage 00:30:22 - Adding the top header in the dashboard 00:34:23 - Adding the statistics card 00:36:55 - Adding the chart component 00:40:35 - Adding the recent history component in the dashboard 00:43:44 - Making the dashboard responsive 00:51:02 - Making the sidebar responsive 00:56:19 - Adding the statistics dropdown 01:08:17 - Adding the days dropdown 01:18:28 - Filling up the history page 01:23:45 - Making the history page responsive 01:28:02 - Adding the filter dropdown to the history page 01:36:21 - Adding the selection of the filter dropdown 01:50:37 - Adding the all templates page 02:02:21 - Creating the content generator form 02:15:52 - Adding the dropdown in the content generator form 02:24:31 - Adding validation to the content generator form 02:33:13 - Creating the logic for generating content 02:49:19 - Updating numbers in the overview section 02:53:39 - Updating the chart 02:58:58 - Deleting and copying content from the history entry 03:07:38 - Adding the subscription page 03:13:25 - Tracking the words generated 03:27:08 - Adding a restriction to the generate button in the free plan 03:30:43 - Setting up Clerk and MongoDB 03:39:36 - Updating user information in the database 03:47:39 - Adding and deleting history entries in the database #backenddevelopment #webappdevelopment #aiprojects #aiprogramming