Build quiz app with React #4 - Get data from API

Опубликовано: 06 Июль 2026
на канале: Ahlam Karkashan
829
5

〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️

Have fun while coding with me 🥳 👩🏻‍💻

〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️

Build quiz app with React. You will work on:
📝 Get questions from Open Trivia Database
📝 User can select answers
📝 Show user score
📝 Highlight correct & wrong answers
📝 Play again

Core React concepts involved:
🔵 State
🔵 React hooks: useState & useEffect
🔵 Conditional rendering
🔵 map function to display items in a list
🔵 Get data from API
🔵 Props
🔵 Functional components
🔵 Event handling
🔵 Conditional className

👩🏻‍💻 Github Code
https://github.com/AhlamKhalid/Quiz-a...

〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️

🎀 Watch my other useful tutorials
Build a Multi-theme Personal Portfolio Website | Fully Responsive | HTML & CSS & JavaScript
   • Build a Multi-theme Personal Portfolio Web...  

How To Build a Shopping Cart with Vue 3 and JSON Server [Composition API]
   • How To Build a Shopping Cart with Vue 3 an...  

Build Price Tables Without Writing Single Line Of CSS! | Using HTML and Tailwind CSS [Frontend]
   • Build Price Tables Without Writing Single ...  

💻 Github
https://github.com/AhlamKhalid

🌐 Social links
Twitter:   / ahlamkarkashan  
linkedin:   / ahlam-karkashan  
facebook: https://www.facebook.com/profile.php?...

〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️

I’m happy that you watched my video. If you find my channel helpful, like & subscribe & share with your friends, this makes me very happy 🥳 And I’m waiting for you to come back again!