When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

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

This Course Includes
udemy
5 (0 reviews )
2h 42m
english
Online - Self Paced
professional certificate
Udemy
About React and Styled Components : Create a Pinterest Clone
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.