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.

-------------------

Watch Full Stack Component UI Builder tutorial:

Watch Full Stack Task Management tutorial:

-------------------

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

[faiqahmed]

is there anything we need to pay during the project?

[humbleonyenma]

Can the generated contents be posted or schedule on there social media automatically through the App?

[IdentyOficial]

podrias decirme como seria la URL HTTP que va en el webhook para que almacene el clerk en mongo

[humbleonyenma]

Can more payment options be integrated? And is it possible to increase the word count tokens, And does it have a social media post button directly from the dashboard? Let me know

[MrFact-er]

which API you are using ints gemini or Open AI

[Br_CoDeS]

I want to make this project can i get starter files to learn how to build this Saas app??

[IdentyOficial]

i have purchased the premium access and it has an error when i want to store the clerk user in mongodb i need support or some help!

[adiaparmar]

Are all the resources used in building this project free???

[ragnar-ol]

can you do fulll scale enterprise level school management system with nextjs, sql, and the nodejs with express?

[EswarRemoteEnginneer]

could you make something impactfull with mern tailwnd ..prisma aws docker...

[browntigerus]

No repo 👎🏻, It is sort of stupendous to buy any js code, due to the fact it will be outdated in 6 months at most if not already. Before you follow 5 hour sped up project, consider what will you be doing if it does not work.