Coding a Quiz App in ReactJS - React Resume Projects

[@ekansh03]

I honestly say I have attended quite a few project sessions on react from youtubers like DevEd, Sonny Sangha, Clever Programmer but the level of understanding I have got from this channel is unmatched. Please Keep creating these project videos and thanks for the knowledge.

[@nigahiga3731]

Personal notes: 10:00 useContext (or earlier than that time) 13:33 MainMenu 25:36 Questions logic (and some time before that) 28:25 optionChosen 32:14 setting score global state 38:54 finish quiz, last question stuff

[@shivamsingh-dt1tc]

Bro your explanation is excellent I tried every KZbin channel but you are unique buddy.your way of explaining concept is literally best yr.

[@bilalbeny4172]

just one tip: When you restart the quiz, you must set the score and the chosenOption to the default values (setScore(0) and setChosenOption("")) for avoiding conflicts between the states of the previous and the new quiz. btw, I went crazy trying to fix this bug.

[@confusion85]

My guy u saved me from going crazy haha ! I was losing my mind trying to figure out wtf was going wrong, I could understand it was teh state fucking it up but couldn't figure out what to do. Bless you !

[@bilalbeny4172]

@@confusion85 😄 Happy to save you from the brink of coding insanity! State management really loves to mess with our heads, huh? But hey, we survived another bug battle-on to the next one!

[@khandoor7228]

Pedro I love this types of videos! You either learn something new or practice what you already know, win-win. Would love to see more!

[@PedroTechnologies]

Thank you! Really appreciate it! I swear I believe this project is an awesome project to get your react skills in shape!

[@markosmk1337]

Quality content! This helped me in making my own version of a React Quiz app for a faculty course! Much love, take care!

[@ronananderson]

Really nice Pedro. Very clear instructions. I keep coming back to your tutorials.

[@PedroTechnologies]

Thank you! Really appreciate the support! I am happy to hear you are liking my tutorials!

[@ronananderson]

@@PedroTechnologies I'm adapting it to fullstack to upload new questions ,use authentication and maybe even add a score board. Its a brilliant project and actually fun :)

[@sruthir1236]

It's a very standard project for beginners.Thank you.✨

[@alveek]

Finally Context API explained well and easy. Now I feel less dumb. Thank you!

[@PedroTechnologies]

Thank you so much! I am glad u liked it!

[@TzKet4m]

Great tut mate, you're great at explaining the concepts in the app. Big ups

[@neev4n]

amazing tutorial watched and implemented till the end, keep it up!

[@xdragonflame6563]

Thanks for this awesome tutorial. It helps beginners like me get some hands on experience with a project. Cheers!

[@PedroTechnologies]

Glad it was helpful! I love this project because it is awesome for beginners!

[@k303k]

Very great tutorial Pedro! I really like the way you simplified the logic .It is really helpful tutorial.Thank you so much

[@pegihr]

Super simple app. But still find new things to learn. As always, thank you for the video.

[@PedroTechnologies]

Glad you liked it!

[@ThColinPereira]

I'd love to see more videos like this!

[@ThColinPereira]

This is sick! Thanks Pedroski

[@Sanyat100]

Easily the most well explained video

[@PedroTechnologies]

Thank you! Glad you liked it!

[@simone-oq4if]

good tutorial, i learned the context api , Thank u.

[@kyawmying224]

thank you for uploading youtube video to learn react.they are really awesome

[@albinsanthosh8697]

Thaks for a helping wonderful toutorial. Learned a lot 😍😍😍.

[@PedroTechnologies]

My pleasure 😊

[@muhammadzohaib1837]

Uncaught TypeError: Cannot read properties of undefined (reading 'prompt') getting this error at 25:36 ? Anyone can help

[@dipenparmar2273]

Super straightforward. Great for beginners..

[@arcadestudio2506]

this was awesome ; great hand of applause to you ;

[@PedroTechnologies]

Thank you!

[@dotricok17ct72]

Thank you for sharing wonderful lesson!

[@walterbranco8798]

Valeu, Pedro!

[@mayankstylerock]

Thanks Man. Love from "INDIA"

[@mKahraman1]

Thanks for the tutorial. What is your VScode theme?

[@PedroTechnologies]

I use monokai!

[@aiswarya1939]

Thanku so much...very simple and efficient tutorial to learn.

[@aleksandrmatyka3118]

Thanks for content man!

[@PedroTechnologies]

Glad you liked it!

[@usmanmughal5916]

Excellent explanation. fab!!!

[@PedroTechnologies]

Glad you liked it!

[@dnjosh10]

Hi boss, good morning from Nigeria I actually want to seek help and suggestion. I was following this tutorial and things were getting better until createContext came into the picture. I'm using react version 18 and in video, there is Context used. My application crashes each time I uncomment and line that has to do with #useContext or #createContext. Help me please? Is there a new way to create context in version 18?

[@vijayendradev6236]

Great tutorial! the options are however hard coded, what if I am fetching the question and answer from a quiz API, it is easy to display the question, but how will I randomize the position of the correct answer for every question? Please let me know any hackerman in house!?

[@olenayevtushok2014]

Yep, I'm also struggling with this issue. I tried to use trivia API for questions, but It's difficult to beginner not to hard code the options😥

[@dhwajsharma]

How did you set that accent color to purple?

[@henrykibocha5224]

Great tutorial Pedro, How would i go about adding a timer for the quiz. ? thanks

[@bilalbeny4172]

Thank you so much for this useful video, 😘😘

[@HumairaFatima-wf9me]

Great 👍 keep it up

[@prototype-nl9do]

Amazing Tutorial 👌🏻

[@abhinav3325]

You're Just Awesome!

[@exterminator_4781]

What is the IDE that you are using?

[@Sanketjoice]

Underrated!

[@user-gs2zp3dm1v]

Great tutorial. How to show the selected button in different color ?

[@adazr5190]

very greet tutorial , thank you

[@nehapatil8800]

Thank you for this video 🙂 I also made this app after watching your video. I wanted to make a change in it. How to change the background color of button after click the button? Please reply soon

[@PedroTechnologies]

Make a state called backgroundColor and change its value. Then add some inline styling to the button and set the backgroundColor property to the backgroundColor state.

[@nehapatil8800]

@@PedroTechnologies Thank you 🙂

[@MrEmil-cf8wo]

Hello bro, i'm started watching your video on building clone youtube , did you end this project?Or will be next video more?I check the final part,and i think that there still need to something add. (sorry for my broken english, i'm from Crimea,and trying speak on him)

[@PedroTechnologies]

Hey! I am extremely sorry about that! When I started that series my videos didn't get much views and I thought I could handle building a big project like that while being in school, but it ended up being to much work. I decided to end the series, sorry about that.

[@abdullahahmadsiddiqui2653]

Need more projects sir ❤❤❤

[@clipboardchannel99]

What's the theme called, looks cool

[@PedroTechnologies]

It is called palenight theme!

[@abhishekrawat8579]

In "material theme" following Pedro's reply

[@piyushkulkarni3852]

thank you so much

[@watchtube9429]

how can i map options choosed by the usrr?

[@pranav288]

Can't thank you enough my guy. Please always keep making these

[@mansilaad2062]

Mysql +react+node +express.. Plz make some videos for interview preparation..

[@PedroTechnologies]

I have some videos using that technologies, but I will definitely make more videos on it! I will make a video on interview preparation soon!

[@mansilaad2062]

@@PedroTechnologies thanks

[@taqikhan5418]

my score is not working properly I have done 4 correct questions but score is 3/4. kindly help

[@Arixkka]

Hola, me encantan tus videos, te encontre de casualidad y aqui me quedo. He visto que usas monokai, pero sabrias cual theme exactamente, no lo encuentro, y me he enamorado.

[@pouyazare90]

awesome great video

[@2010giant]

I have 95% of understanding this project but I can't code it myself without keep watching the video, do I need to be able to complete the whole myself before I get a junior React.js job?

[@PedroTechnologies]

I understand what you mean, and don't get discouraged. I would say you do need to know this for a ReactJS Junior job. You can practice by building more projects, and watching more of my videos :) Keep up the hard work!

[@soumyasahoo2001]

This tutorial is 🔥🔥 Pls make a multiplayer quiz too

[@PedroTechnologies]

Thank you! I plan on making a tutorial on multiplayer apps with react and socket.io! Stay tuned!

[@rangabharath4253]

Awesome

[@PedroTechnologies]

Happy to see you enjoyed it!

[@patogordo7563]

great video.

[@PedroTechnologies]

Glad you enjoyed it!

[@tarundurbha5398]

super bro

[@tarundurbha5398]

Don't stop making videos on react,just continue this.

[@mohammedkudmani2195]

i like the theme can anyone tell me the name? and nice video keep going :)

[@theinfinite82940]

find a new things to learn brother, and realy i loved your teching style....

[@Gwennadia]

great video as usual, many thanks. I've made the exercice following the video, and it works :)

[@PedroTechnologies]

Great to hear!