Build a Full-Stack Quiz AI Application - Next.js, Drizzle, TypeScript, Stripe, OpenAI (2024)

[@webdecoded]

don't forget to drop your score in the comments! 😄

[@javascriptmastery]

Nice one! We wanted to build something similar too!

[@selimpy8105]

that would be awsome looking forward to but make it a little different and functional

[@mDHARYL]

oh your here 😁

[@webdecoded]

thank you!! let's collab👋

[@elonkiptoo1710]

I love how you people support each other

[@GODOFCALCULUS]

@javascriptmastery please do 🙏🏾💓

[@ebratz]

Thank you so much for sharing such high quality content on YT for free. Please keep it coming!

[@webdecoded]

wow thank you so much!!

[@cathyliu1996]

This channel is so underrated. This is the 5th projects I've followed along and I've learned so much. Thank you so much 😊!

[@StayPolishThinkEnglish]

hey :) didn't you have any problems with Home function showing 503 or 404 error?

[@shadowyt8077]

You have probably one of the most underrated channels I've ever seen! It's amazing how much valuable content you provide, yet you only have around 1.5k views. It's quite impressive

[@hassaantahir3861]

Amazing detailed project 🎉 Next plzzz create a Production grade e-commerce app(not like the current KZbin ones :)) a single vendor app. You can make a landing page to showcase 3-D models of the main stream items of the store. To increase its quality and uniqueness you can also add a 3d Model of every product along with the normal images and the main challenge will be then optimizing it. With roles(user and admin which will be the store owner), full fledged admin panel having inventory, and other business functionalities, Beautiful UI, review system, tracking system, Product recommendations, full fledged search, COD and online payment gateways 2-3, product page with detailed product descriptions with images etc and similar products. An e-commerce app that the KZbin has never seen before. :)) Thanks in advance 🎉

[@alrazy12]

how the pdf should be structured ? is it just general information about certain topic or its a question answers examp pdf? can we see the pdf content ?

[@shivamkumar-qp1jm]

I developed the same for one of my clients The only difference is it asks the same question again randomly after some questions if anyone gives the wrong answer

[@shyamdas8964]

Hello, which vs code extensions you have used in this project ? which react typescript extension you have used for the react typescript projects . Please answer me in the comments . thank you.

[@markus_dev_cwb]

Amazing project! Tks to share

[@shreyaskannan1500]

Nice project, loved it. had to use gemini API coz I'm broke, no .build for gemini lol took me a while to remember string functions and parse exist. stuck in dynamic routing! god save me I need to sleep. stuck in heat map, cool UI awsm. note DR-the shema type creation, remember to update the schema types in superbase. HM-remember to update uid in quizz table

[@donoob09]

could you please share the code with gemini, actually I am doing the same but I stuck in dynamic routing

[@shreyaskannan1500]

​@@donoob09 const model = new ChatGoogleGenerativeAI({ apiKey: process.env.GEMINI_API_KEY, model: 'gemini-pro' }); const message = new HumanMessage({ content: [ { type: "text", text: prompt + " " + texts.join(" ") } ] }) const result = await model.invoke([message]); const data = result.content.toString().replace("\`\`\`json","").replace("\`\`\`",""); const obj = JSON.parse(data) console.log(obj.questions[0].answers[0]); might seem stupid, but it works.

[@navidtehseen]

Thank you. You're amazing! ♥♠

[@rimiksahay7053]

where can i get the pdf used in this video??

[@vladimirlabat4471]

Hello : ) Excellent tutorial. But... I discovered a place where there is probably a mistake in the video editing. At one point, in the second hour of the tutorial in the QuizzQuestions.tsx file, the btw information about saveSubmission from @/actions/saveSubmission appears. This of course does not exist and there is no info on this anywhere before. Is this spelled out somewhere? The application works fine without this procedure and feature : ) Not counting the unreliability of GPT4. Thank you for your helpfulness.

[@josephramasaputra197]

hey, were you able to push the router and create a new database if you generate the quiz?

[@tranphuongnam4166]

thanks KZbin is recommend this for me!

[@tulsigupta5158]

Can i get the whole code folder?

[@sattwikeeghosh1888]

Amazing project....Can I use this project as my final year project?

[@webdecoded]

If you want to!

[@surajnimbalkar9283]

Did you used it?

[@mr.daniish]

Amazing content!

[@mayurgawle1169]

i am getting scram ssl error signature is missing, can anyone help me to solve this error ?

[@AlexanderMoyer-k3b]

is the end code available? ur awesome, btw. i wish i was as smart as you!

[@AlexanderMoyer-k3b]

but yeah this isnt helpful unless you provide the finished code. going through videos and copying as you type is probably the most useless thing in the world :) just explain the project and provide a repo for us to copy and paste.

[@webdecoded]

@@AlexanderMoyer-k3b Thank you for your remark! It just takes lot of practice and you will get there:) I did provide finished code it's in the same repo - different branch: github.com/judygab/quizz-ai-tutorial/tree/complete

[@csyokesh.s2131]

great tutorial 🤟

[@vinoobharadwaj]

Hi, excellent video, perfect for the weekend. May I know your terminal setup details please? I love the classic green hacker theme/look. Thanks!

[@webdecoded]

Let me know how you like it! And of course - I'm using Homebrew profile on my terminal

[@vinoobharadwaj]

@@webdecoded Nice, will dig into it and revert with a finished app, thanks, keep making more such tutorials 🙌

[@vyshnavikarumuru8489]

Has anyone completed this project. Can anyone help me with the dynamic route??

[@TheIpriest-fp2mk]

yeah your have been helpful

[@DelightBessie]

Was this built with next js 14?

[@skydomeblue]

Same

[@hwapyongedouard]

hmmm, good idea am going to steal this idea, time to make students mad and teachers lazy 🤷‍♂🤷‍♂🤷‍♂🤷‍♂😂😂😂😂😂😂 nice video any ways

[@sudipsarkar1512]

Is that OpenAI API free ?

[@Ray-b8d5y]

I love the content you provide but it was a Bad move making ai project using paid ai api (after they stopped even the free trial creds) bcoz thats gonna make most of us feel like a wasted effoet after hours and decrease your channel rating

[@mindulamadhuhansa8219]

You can use Gemini api. It's free.

[@Ray-b8d5y]

@@mindulamadhuhansa8219 thanks for the info

[@rajat1414]

chatgpt api is free??

[@lycan2494]

drizzle drizzle

[@teenageworrior1634]

Bcoz of open ai i am not gonna make this 😢

[@Lamberson_]

2.10

[@Lamberson_]

31.54

[@yousefsaeed732]

I think it is better for you to explain the code, not to read it like this, so there will be benefit. I feel as if you recorded the video and then recorded the audio on it. I have finished two hours of the video so far, and I really thank you for this, but I think I will not continue more than that, and I also think that many people agree with me.

[@DontJustSitThere]

I disagree. the way she explains is much better than how others do it. I could argue that she actually explains more that most people do. The 2 hour mark gets vague, but otherwise good.

[@yousefsaeed732]

@@DontJustSitThere Opinions!