Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Hands-On React Using Real World Projects | Frontend Mentor | The Complete React Course | Ep.19
Play lesson

The Complete Frontend Development Course | 150 Hours | Zero to Advanced - Hands-On React Using Real World Projects | Frontend Mentor | The Complete React Course | Ep.19

4.0 (3)
30 learners

What you'll learn

This course includes

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

Summary

Keywords

Full Transcript

Source Code: https://github.com/procodrr/react-course/tree/main/19_countries-project-setup-in-react/final-code Frontend Mentor Challenge: https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca 📖 Chapters 00:00 - Introduction 01:03 - Duplicate the styling from "REST Countries API" JavaScript Project 03:00 - Quick Assignment 1 03:20 - Let's setup the React project using Parcel 07:11 - Start the server 09:24 - Let's create Header Component 18:37 - Let's create the Search Bar and Filter Menu 24:57 - Let's create the Country Card and Countries List component 32:58 - How to render multiple elements in React? 37:56 - Pass dynamic data to each Country Card! 54:03 - About Upcoming Videos 57:43 - Conclusion Have any doubts? Join this Telegram group and ask your question. You can also share the projects that you make in this group. Telegram Group : https://t.me/procodrr Sunday QnA Link: https://meet.google.com/vbp-hqnm-eiq Social Media 🌐 Telegram: https://t.me/procodrr 🌐 Linkedin: https://www.linkedin.com/in/anurag-singh-web-developer/ 🌐 Instagram: https://www.instagram.com/procodrr/ 🌐 Twitter: https://twitter.com/anuragsinghbam 🌐 Portfolio: https://anuragsinghbam.com/ Music by geoffharvey from Pixabay #react #procodrr #webdevelopment

Course Hive

Continue this lesson in the app

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

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere