Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Create Pokemon Website using React JS in Hindi
Play lesson

React.js v19 Tutorials in Hindi - 2025 - Create Pokemon Website using React JS in Hindi

5.0 (1)
12 learners

What you'll learn

This course includes

  • 44.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

Learn to build a Pokémon website using React.js, featuring a search function to find your favorite Pokémon. This comprehensive tutorial covers setting up the project, fetching data from the Pokémon API, handling loading and errors, and making the app responsive. Perfect for web developers looking to enhance their React skills with a fun project. 💸 Get All My YouTube Videos' Source Code for just ₹199! Grab Now - https://thapatechnical.shop/source-code 🧑‍💻 Access React Pokemon website Repo in GitHub: https://github.com/thapatechnical/pokemon_thapa_react 🔥 Access React Course Source Code, PPT & Notes here for Free : https://www.thapatechnical.com/2024/06/delete-elements-and-auto-update-tasks.html 📺 Discover React.js History in Just 10 Minutes - https://youtu.be/MiK2bFqhg1U 📺 Watch the complete Playlist here : https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Rab71vx2zMF6qpwGDB2Z1 ------------------------------------------------------------------------ 🚀 Boost Your Skills with these Pre-Requisite Videos: 🔗 Best HTML Course - https://youtu.be/5ccq_nLHneE 🔗 Best CSS Course - https://youtu.be/MSICFljRcb4 🔗 JavaScript Basics Course Part 1 - https://youtu.be/13gLB6hDHR8 🔗 JavaScript Advanced Course Part 2 - https://youtu.be/YwsOCN8woA8 ------------------------------------------------------------------------ 💸 Build Your Own E-commerce Website for Free! - https://www.thapatechnical.com/2024/03/build-complete-ecommerce-website-using.html ------------------------------------------------------------------------ ✌️ Join Us! 🚀 Become a Member: Unlock perks, free source code, and more Join Now : https://www.youtube.com/channel/UCwfaAHy4zQUb2APNOGXUCCA/join 📷 Connect on Instagram: https://www.instagram.com/thapatechnical 🗨️ Join Our Discord Server: Hang out with fellow programmers Discord Link: https://discord.gg/MdScmCsua6 ------------------------------------------------------------------------ ⌛TIMELINE⏳ 0:00 - Intro to Pokémon App 1:50 - Live Hosting: Free & Paid 2:25 - Subscribe to Support My Channel 3:05 - Installing React 19 with Vite 6:15 - Folder Structure & App Component 7:20 - Installing React v19 9:45 - Creating Our Pokémon Component 10:40 - CSS Code Copy Paste 11:32 - Detailed Explanation of Each React Component Used 13:22 - Understanding the Pokémon API 14:15 - Fetching Data from the Pokémon API 18:50 - Fetching Method Inside Fetch to Get Pokémon API Data 23:30 - How to Handle Multiple Promises in Fetch API 28:20 - Stored API Data in State Variable 29:15 - Looping State Variable to Get Pokémon Data in JSX 32:00 - Creating Pokémon Card Component 34:40 - Handling Loading & Error in Our App 40:15 - Creating Pokémon Cards 44:00 - Disable ESLint Rules 44:40 - Let's Get the Type Value of Each Pokémon 48:00 - Adding Other Fields to Cards 50:32 - Task for You 52:00 - Search Functionality in Our Pokémon App 58:45 - How to Make It Responsive with CSS 59:00 - Recap of Our App

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

FAQs

Course Hive
Download CourseHive
Keep learning anywhere