How To Create Full Stack Text to Image Generator AI SaaS App Using React JS | MERN Project

Learn how to build a full stack Text to Image Generator AI SaaS app using MERN Stack, AI Project in React JS

👉 Buy Source Code: Please check the pinned comment

Find Codux tutorials on:
-------------------

We have make the credit system to generate the image and user can purchase more credits using online payment gateway that we have integrated in this app.

In this Full Stack AI React project we have created user authentication using MongoDB, Express, React and Node JS so that we can create an account and login to an existing account. User account details will be stored in the mongoDB database. We will generate the images using clipdrop API.

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

Watch Full Stack Food Order Website tutorial:

Watch Full Stack Chat App tutorial:

Watch Full Stack Music Streaming Website

Watch Full Stack Blog Website Tutorial

-------------------------------------
Build more React JS projects:

Complete Portfolio Website In React:

Build ChatGPT Clone In React:

Build AI Image Generator with OpenAI In React

Create Weather App In React

-------------------------------------
Images Credit:

-------------------------------------
Connect with me:

Connect with GreatStack:

[GregamoNintendo]

I love your videos, you are so good at explaining everything and the projects you choose to do are always really interesting and provide enough information to follow. Thank you so much

[GregamoNintendo]

If anyone gets an issue at 40:50 its because you need to ' import React, { useState } from "react" '

[karankansykar]

Day-1 1:42:24
Day-2 2:00:00
Day-3 3:29:34
Day-4 3:43:50
Day-5 4:58:00
Day-6 5:52:30

[snehyadav]

awesome project sir, this war my first mern stack project and the experience was really great😃

[sandeepkumar-yoh]

Sir, the video is very informative, but if possible, could you also mention the cost aspect of the project?

For example, if we use OpenAI to generate Ghibli-style images, how much would that actually cost per image? I'm asking because some other websites offer such image generation at a very low price.

If I build a similar SaaS using OpenAI and charge users based on the actual API cost, it might become too expensive for them—and that would affect profitability.

So, it would be helpful if you could share some insights on pricing, cost per generation, and how to balance affordable user pricing with profit margins when using OpenAI.

[azmanhussain]

great work boss.... please make a mern stack chat app using redux with full features

[Shiva_sai_]

sir please do figma tutorial it will help a lot to others 🙏🙏🙏

[debo]

why am i not able to connect to database at 3:52:55 please help!!

[bobbuilder]

for payment it require the various documents and then only it creates the api.
So is there any alternate option that we can use for testing

[Abhisheksdt]

4:41 error occured
{
"sucess": false,
"message": "Cannot set properties of undefined (setting 'userId')"

}

solved..

[ShivamSharma-mwzw]

I am having problem 5:02:20 it is not getting userId in postman(showing missing details) also the imageController.js is showing that it does not export anything

[amankazi]

guys i have not started the project yet but a small doubt is the api used in the project is free or paid...

[AN-]

05:49:01, I followed all the steps correctly, but still I am getting a toast error 'Missing Details' on clicking the Generate button on the Result page. Pls help me with this else my entire 5 Hrs will get ewasted for making this project...!

[piyus_rathore]

Is there payment gateway integration???

[qmobilel]

Hi GrateStack, how are you? Why don't you use the auto dubbed option in your videos, which YouTube has recently introduced? You can translate for people from India, Pakistan and other countries who can't understand English.


Nowadays, the times have become advanced. Auto-dubbed all your videos. YouTube has a built-in option. Use it, and then see how your views go from 1 million to 40 million.


I am from Pakistan but I understand very little English and I am passionate about programming and web development.

But the problem is, if I watch your content in English, I can't understand anything.



So turn on auto dubbed and give us a chance to learn and watch too.

Please, for poor and backward people like us who want to learn coding and programming but don't know English, please find a solution or use auto-dubbed.

[VanisreeSunkara]

Hii did anyone compelte thr full project m