Coding a Quiz App in ReactJS - React Resume Projects
ฝัง
- เผยแพร่เมื่อ 15 ก.ย. 2024
- In this video I will be showing you guys how to build a quiz app in React using Hooks and the Context API. This quiz app can serve as a nice beginner to intermediate react project which can improve your resume.
Project Repo: github.com/mac...
Best Tech Resume Template: papermoontech....
Use code: PEDRO for 20% off ^
-
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/l...
💻 PedroTech Discord: / discord
-
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Twitter: / pedrotech_
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/mac...
Email: machadop1407@gmail.com
Tags:
- ReactJS Projects
- Context API
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
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.
Bro your explanation is excellent I tried every TH-cam channel but you are unique buddy.your way of explaining concept is literally best yr.
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!
Thank you! Really appreciate it! I swear I believe this project is an awesome project to get your react skills in shape!
Really nice Pedro. Very clear instructions. I keep coming back to your tutorials.
Thank you! Really appreciate the support! I am happy to hear you are liking my tutorials!
@@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 :)
Quality content! This helped me in making my own version of a React Quiz app for a faculty course! Much love, take care!
Finally Context API explained well and easy. Now I feel less dumb. Thank you!
Thank you so much! I am glad u liked it!
It's a very standard project for beginners.Thank you.✨
Thanks for this awesome tutorial. It helps beginners like me get some hands on experience with a project. Cheers!
Glad it was helpful! I love this project because it is awesome for beginners!
Super simple app. But still find new things to learn. As always, thank you for the video.
Glad you liked it!
Thanks a lot man, I'm now more familiar with the Context API and React hooks thanks to you, and the project
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
Very great tutorial Pedro! I really like the way you simplified the logic .It is really helpful tutorial.Thank you so much
great video as usual, many thanks. I've made the exercice following the video, and it works :)
Great to hear!
Great tut mate, you're great at explaining the concepts in the app. Big ups
Easily the most well explained video
Thank you! Glad you liked it!
This is sick! Thanks Pedroski
amazing tutorial watched and implemented till the end, keep it up!
I'd love to see more videos like this!
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?
Super straightforward. Great for beginners..
thank you for uploading youtube video to learn react.they are really awesome
Thaks for a helping wonderful toutorial. Learned a lot 😍😍😍.
My pleasure 😊
Thanks Man. Love from "INDIA"
Thanku so much...very simple and efficient tutorial to learn.
Great 👍 keep it up
good tutorial, i learned the context api , Thank u.
this was awesome ;
great hand of applause to you ;
Thank you!
You're Just Awesome!
Thanks for content man!
Glad you liked it!
Thank you for sharing wonderful lesson!
Valeu, Pedro!
Excellent explanation. fab!!!
Glad you liked it!
thank you so much
Underrated!
Need more projects sir ❤❤❤
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!?
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😥
Amazing Tutorial 👌🏻
very greet tutorial , thank you
Thanks for the tutorial. What is your VScode theme?
I use monokai!
Can't thank you enough my guy. Please always keep making these
Mysql +react+node +express.. Plz make some videos for interview preparation..
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!
@@PedroTechnologies thanks
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
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.
@@PedroTechnologies Thank you 🙂
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.
Great tutorial. How to show the selected button in different color ?
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?
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!
How did you set that accent color to purple?
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)
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.
Great tutorial Pedro, How would i go about adding a timer for the quiz. ? thanks
my score is not working properly I have done 4 correct questions but score is 3/4. kindly help
This tutorial is 🔥🔥
Pls make a multiplayer quiz too
Thank you! I plan on making a tutorial on multiplayer apps with react and socket.io! Stay tuned!
Awesome
Happy to see you enjoyed it!
What is the IDE that you are using?
awesome great video
great video.
Glad you enjoyed it!
Uncaught TypeError: Cannot read properties of undefined (reading 'prompt') getting this error at 25:36 ? Anyone can help
how can i map options choosed by the usrr?
What's the theme called, looks cool
It is called palenight theme!
In "material theme" following Pedro's reply
i like the theme can anyone tell me the name? and nice video keep going :)
super bro
Don't stop making videos on react,just continue this.
find a new things to learn brother, and realy i loved your teching style....