React and Styled Components : Create a Pinterest Clone

Create a beautiful portfolio project with React , Styled-components, Framer motion, Hosting and Continuous integration

Ratings: 5.00 / 5.00




Description

Styled components is one of the most popular front end libraries , especially in the React space. But it can be a bit tricky to learn, at least it was for me. But once i learned it , i've used it in all my React projects.

In this course we're going to create a project for your web developer portfolio. It would be an exact clone the beautiful Pinterest homepage using React Js. We would focus on learning about Styled-components and how to use it to create highly customizable components. We would also touch on React component animations using Framer motion. At the end , we would host out application live using Github and Netlify for continuous integration. This would be a hand on course and i am excited to take this journey with you.


This course will:

  • Introduce you to the core concepts of styled components.

  • Teach you how to breakdown and create complex web pages using a real life example (Pinterest).

  • Show you how you can add Themes (Light / Dark) to your application.

  • Teach you how to Add animations to your react components.

  • Teach you how to host your app live on the web with continuous integration using Netlify.


Who is this course for :

  • React Developer who want to learn how they can improve their styling skills using the popular Styled-components library.

  • Developers learning about React and looking to add a cool real life project to their portfolio.

Course Requirements:

  • Prior React knowledge.

What You Will Learn!

  • Build a beautiful Pinterest Clone as a portfolio project
  • Learn how to use styled-components in your react apps
  • Learn how to Host (+ Continuous integration) your react app on the web using Netlify
  • Learn a bit about Animation with Framer motion

Who Should Attend!

  • This course is for anyone looking to learn about React , styled-components, Framer motion etc and build a beautiful portfolio project