Full Stack React Project ( AI Finance Platform ) - Next JS, Tailwind, Gemini AI, Prisma, Shadcn UI 🔥

[@RoadsideCoder]

What should I build next? Comment below ➡ My Interview Prep Course (50% Discount) - roadsidecoder.com/course-details

[@mohdali-yq8gq]

Please bring a video which has more database intensive like school management where there is a student records and utility to pay the fee and student can download the assignments in the pdf for his or her class and whatever is makes sense and request you to use PostgreSQL with drizzle ORM and why I am requesting this because database intensive videos are very rear.

[@TooJoo77]

leetcode like platform

[@medi462]

electron app

[@frolicflare2256]

Portfolio Website Or LeetCode Clone

[@bannucodes]

@@mohdali-yq8gq Agree with this one and in detail like the caht app i like you man.💕💕💕💕💕💕

[@nilesh6439]

The only channel with projects that truly stand out-unique, innovative, and nothing like the typical ones you find on KZbin. Exceptional work!

[@RoadsideCoder]

Yup! Making your resume different from others

[@ishastudies8589]

bro Can you solve this problem during installation of prisma😐 npx prisma init (node:6620) ExperimentalWarning: CommonJS module C:\Program Files odejs ode_modules pm ode_modules\debug\src ode.js is loading ES Module C:\Program Files odejs ode_modules pm ode_modules\supports-color\index.js using require(). Support for loading ES Module in require() is an experimental feature and might change at any time (Use `node --trace-warnings ...` to show where the warning was created) Error: (0 , KSe.isError) is not a function.

[@JoeBoo532]

This tutorial is awesome! You’ve covered so much, and I really appreciate all the effort you put into creating these amazing videos. I learnt quite a bit here too! :) 👌🏼👌🏼👌🏼

[@RoadsideCoder]

Thank you so much!

[@rishitgupta2050]

Bro’s project are on just another level! 🔥 Keep grinding 💪

[@RoadsideCoder]

Thanks for the support! 😎

[@925_gulshanvarma_divb6]

Thank you Bhai ye project lanae ke liye mein bhi aisa hi same project last 3 months se planning kar raha hu finally you come up with same ideas like receipt scanning 🎉

[@jamilafzal9501]

One of my most favorite youtube channel Love you piyush sir

[@kemalbeler1151]

More advanced features like a 'Pro Mode' option for handling additional transactions would be great. A dedicated video explaining this and similar features would be incredibly helpful.

[@chamansharma4068]

Amazing way of teaching someone to stand out in crowd. thanks dear....

[@RoadsideCoder]

Let's get you hired 🚀

[@ncodeai]

The Kind of project and video I was looking for, Thank you God 🙏 Thank you also for making this public

[@mohdali-yq8gq]

What a great video you have introduced and it is way, way batter than paid course. May God bless you and your family

[@Muhammad_Harmain]

Great work! Definitely going to add this in my Portfolio...!

[@RoadsideCoder]

That's awesome! Let me know how it goes.

[@abdulroufshaik123]

Another masterpiece 🔥

[@RoadsideCoder]

😎

[@mncreativezone4589]

You got +1 Subscriber❤

[@itxchiii]

i legit thought u were doing an ad for some finance app in the intro cz that good the ui looks

[@RoadsideCoder]

You will only get Top notch + polished project tutorials on this channel! 😎

[@ojaspalorkar7434]

Next Level Content 🥵🥵

[@KARTHIKEYANR-b1n]

Amazing 😍

[@RoadsideCoder]

Thanks!

[@divyaperam4127]

Yes bro please add the rate limiting for premium

[@manupanjoria773]

Which website or App you used for showing the database Design ?

[@babysleepypod]

used , route redirect app\page

[@ramlingsuryavanshi6141]

This is awesome project.

[@pravinprince3221]

Thank you bro beautiful tutorial bro worthu bro thanks again bro it is so helpful to know new packages, applications, dependencies , thanks bro

[@sam_dare]

Great tutorial! Man what did you use making the intro video?

[@RoadsideCoder]

Adobe Premiere pro

[@DevAbhi-ub5mx]

Exceptional project, Only question is how much will it cost me to build ? Are the APIs you used free ?

[@RoadsideCoder]

APIs are free

[@DevAbhi-ub5mx]

@@RoadsideCoder Thanks bro 😇

[@unknownab4088]

i will build and learn it in two days

[@Chandan_Singh10]

is your project is completed?

[@AimTzy-cloud]

bro, made a car rental tutorial, which has a map and payment using Midtrans

[@RoadsideCoder]

Sounds like an awesome project! 👍

[@soumyadeepbhowmik-fg7nf]

Bro its actually cool . But can you make a new series for tutorial of react 19 and next js .it would be very helpful .

[@TicTac02]

Do we need to pay for anything, or are all the tools and platforms used in this tutorial free?

[@RoadsideCoder]

All are free

[@soumyadipghosh6563]

My Next weekend plan

[@RoadsideCoder]

😎👌

[@lavishpalia9286]

@RoadsideCoder, How shall we tackle SerializeTransaction function in TypeScript ? because the "account" returned by Postgres has "balance" property as "Decimal" and there doesn't exist any such type in TypeScript or JavaScript

[@harman_singh2670]

While add new acount i face this error request not defined please tell me how i fix this ?? 😢

[@RajeshBCE]

bro i am having the same issue? have u fixed it

[@RoadsideCoder]

If you copied code from my git repo, make this change - github.com/piyush-eon/ai-finance-platform/commit/4a619f39783598d8bffb675d41f602e92ac55709

[@aryanarya3898]

Getting this error, how to resolve it , can anyone help. An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.

[@moinkhanpathan541]

3:25 bulk delete not work properly

[@vasumitraviramalli263]

did u find any solution for that

[@moinkhanpathan541]

@vasumitraviramalli263 yes

[@vasumitraviramalli263]

@@moinkhanpathan541 can you tell how u resolved that

[@moinkhanpathan541]

@vasumitraviramalli263 account.js file > bulkDeleteTransaction function > accountBalanceChanges function you can just convert transaction.amount into parseFloat transaction.type === "EXPENSE" ? parseFloat (transaction.amount) ; -(transaction.amount);

[@moinkhanpathan541]

bulkdeletefunction > accountBalanceChanges > conver amount into parseFloat

[@vishalshahdev]

Started doing

[@Chandan_Singh10]

2:34:49 account id doesnot show and if i add new account ..it does not request

[@amitavasengupta5580]

How long did it take you to finish this project?

[@RoadsideCoder]

Around 1 week

[@utkarshutiwari12]

Thanks a Lot Bro.

[@Coding-Edu]

Thankyou so much sir

[@mohdali-yq8gq]

Sir, request you to switch from prisma to drizzle which is great and we can use the raw sql in drizzle.

[@tejasrinivas8342]

At 27:43 , piyush bhai created a sign-in folder in app and Page.jsx . But he did not render the component anywhere nor he added any route anywhere . How is it automatically taking up the sign-in page created . I am unable to do it please help !!

[@RoadsideCoder]

send me screenshot of your folder structure on my instagram @roadsidecoder

[@tejasrinivas8342]

@RoadsideCoder kzbin.infoHxq4CG4sPq4?si=NfNTkowmhUW_iQ5k

[@RoadsideCoder]

Its page.jsx not Page.jsx

[@anuragdubeydubeyji6783]

can't able to setup prisma , what is direct url ? can't able to get api keys?

[@jamilafzal9501]

Amazing

[@loki-ij4dl]

Create AI projects like this in future for major projects in resume pls

[@Be_Confident11]

If anyone help me , After deployment /transaction/create ⨯ Error: request is not defined at f (.next/server/app/(main)/transaction/create/page.js:1:53960) { An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.

[@RoadsideCoder]

you have to take request from arcjet

[@Be_Confident11]

@@RoadsideCoder Wonderful sir .Thanks I have done with changes and my live website works perfectly fine . 🙏🙏

[@RoadsideCoder]

Amazing! Dont forget to post it on linkedin ❤️

[@Be_Confident11]

​@@RoadsideCoder Obviously sir 🤞

[@sanathr1022]

​@@Be_Confident11I'm getting the same error how did u resolve it?

[@smartdriver2990]

Thanks

[@shortfacts3943]

Bro can you make a react series ? I mean like for beginners while making projects,step by step to higher concepts. Would be helpfuk 😅

[@RoadsideCoder]

Yeah surely, Thanks for the idea!

[@RajeshBCE]

I have followed your tutorial, but while creating a new account, it says request isnt defined? What do i do to fix this? Please let me know

[@RoadsideCoder]

make this change if you copied code from my repo - github.com/piyush-eon/ai-finance-platform/commit/4a619f39783598d8bffb675d41f602e92ac55709

[@vaibhavtalkhande27]

i dont understand why the youtube developer ask for using typescript every where instead of js but when they built project they either make really simple app in typescript or rather use js for project . I am not criticizing but is there really a demand of typescript to use in project as it is difficult to handle types and also there lot write when using ts for building project which are not directly copied from youtube or other just take example of webrtc or websocket no one use ts for such project can anyone answer that as i am building complex not on youtube project and facing lot issue with types of ts. it is a genuine question can anyone answer

[@RoadsideCoder]

TS is just a syntax, logic wont change even 1% if its js or ts. You have to get better in building logic and solving engineering problems. If I used ts here it will make this 10+ hours, when you can easily ask even chat gpt to convert components from js to ts.

[@vaibhavtalkhande27]

@@RoadsideCoder thanks that means project matters the most i was kind of frustrated by writing types in my project it has increased my lot of work where as in js i could have done it faster

[@RoadsideCoder]

Yes

[@teslagaming2076]

​@@vaibhavtalkhande27 that's a disbelief actually. Sure it does add an overhead of adding types to your project but it helps keep the code clean and predictable and catch errors beforehand rather than spending hours of debugging code after catching bugs at runtime. TS is actually just a syntactical difference but you will love it once you get used to it.

[@aryandalvi5833]

Is the money real?

[@nasirsayyed1700]

Help.... for each change i need to do run Command 1) npm run build 2) npm start then and then only i can see the changes were refleltected on machine please help me why i am not able to see live changes on my web browser screen.

[@lpunest-discount]

while development you can use npm run dev

[@atkt9387]

try nodemon

[@afaqahmad-ef4ky]

I did follow the same steps but my clerk auth is not completely working as in the tutorial

[@RoadsideCoder]

refer to thier docs once

[@evolve2510]

🔥🔥🔥

[@suriya_619]

1:13:14 software name??

[@RoadsideCoder]

eraser.io

[@FAIZAN1421]

why everyone use clerk ? tired of this

[@RoadsideCoder]

because many new startups are building thier products along with it.

[@ishastudies8589]

Can anyone soove this problem during installation of prisma😐 npx prisma init (node:6620) ExperimentalWarning: CommonJS module C:\Program Files odejs ode_modules pm ode_modules\debug\src ode.js is loading ES Module C:\Program Files odejs ode_modules pm ode_modules\supports-color\index.js using require(). Support for loading ES Module in require() is an experimental feature and might change at any time (Use `node --trace-warnings ...` to show where the warning was created) Error: (0 , KSe.isError) is not a function.

[@rishabbirru2359]

downgrade your node to node 18 or below

[@AayushYadav020]

make a MERN stack project for school atttendence system

[@JothamAdeyele]

why

[@poojan_patel6939]

Can I use MONGO instead of prisma and postgras?

[@AvikNayak_]

offcourse. why not.

[@TheeKariuki-vy4ub]

Next build a Ticketting Platform Where people can be able to purchase tickets

[@bestproductsamazon8744]

6 year's ka gap ho gya hai MCA k baad kya koi chances hai job milne ka IT me??

[@RoadsideCoder]

bilkul hai, improve your skills and start with a startup

[@cryptoworld1923]

When create gemini api key , showing paid why???

[@RoadsideCoder]

whats the link?

[@cryptoworld1923]

@RoadsideCoder link means? I created through google ai studio and project name gemini api gen-lang-client

[@Be_Confident11]

​@@RoadsideCoder Sir please try to resolve this After deployment /transaction/create ⨯ Error: request is not defined at f (.next/server/app/(main)/transaction/create/page.js:1:53960) { An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.

[@cryptoworld1923]

@@RoadsideCoder sir problem is resolved now . Thank you

[@afaqahmad-ef4ky]

I’m Afaq Ahmad and I’m watching from Peshawar Pakistan

[@RoadsideCoder]

Hi Afaq 👋 Hope you like this project!

[@afaqahmad-ef4ky]

@ of course sir will probably like this and I’m making the journal project right now

[@kshirodpatel]

Please add timestamp for this video, so that user can easily navigate.

[@RoadsideCoder]

Already added, please check description.

[@kshirodpatel]

@RoadsideCoder thank you

[@vinaydeveloper5496]

Without Ai just a simple invoice builder application. Please

[@RoadsideCoder]

soon❤️

[@vinaydeveloper5496]

@@RoadsideCoder bro also I request for a documentation website a long time ago still there is no tutorial on that as well. Please I request for documentation website tutorial.

[@bannucodes]

Bring more projects related to ai and please use gemini apis instead of openai or others as they are costing and need credit cards and we are student we dont have credit card.....

[@RoadsideCoder]

I have used gemini api only

[@Be_Confident11]

URGENT: I finish and deploy also but got error after create a account, 2nd error Try to fix : Error: request is not defined POST 500 /transaction/create (.next/server/app/(main)/transacion/create/page.js:1:54230)

[@PriyanshuKumar-gc4yn]

did you find any solution

[@Be_Confident11]

@PriyanshuKumar-gc4yn Some how I solved but later on got different error 😕

[@PriyanshuKumar-gc4yn]

@@Be_Confident11 if you find any solution please let me know

[@Be_Confident11]

@@PriyanshuKumar-gc4yn sure

[@PrathamChhabra04]

Bro how did you tackle the deployment error?

[@maliksuleman9474]

Love from Pakistan

[@CODEWITHEASE-u8l]

WANT PROMEMBERSHIP VIDEO ❤‍🔥🙏

[@raghu8898]

finance

[@CODEWITHEASE-u8l]

Sir i am getting this error after deployment when it is refeching data after any api call toast came of success but it is causing issue in production not iin local i dont know why i tried out everything please help me Application error: a client-side exception has occurred (see the browser console for more information).517-1e41c2d0362ece61.js:1 Error: Connection closed. at t (517-1e41c2d0362ece61.js:2:45011)

[@RoadsideCoder]

Check the browser console for error.

[@snakeeater6743]

thank you soo much sir great project it took a week to finish it with it was a nice time spend it with you 🤍

[@RoadsideCoder]

That's amazing bro, keep building!