allbertuu / netflixclone

🎬 Recreation of Netflix's interface - Consuming an API on React

Netflix Clone 🎬

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Overview

Screenshot 📷

Links 🚀

• Live Site URL: Access here!

My process

Built with ⚙

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Scss preprocessor
• Mobile-first workflow
• MUI React icons lib
• ScrollReveal - JS library
• React - JS library

What I learned 📚

🎉I'm proud of this:

General development:

• Fetch and consuming REST API with React.js

CSS

• More knowledge about building responsive websites
• Changing the color of elements that has been highlighted by the user
• Elegant animations of elements

HTML

• Improvement of my thinking logic in building the website structure right at the beginning of the entire building process

JavaScript

• Handle scroll event
• Controlling the list of movies when the user clicks on both side arrows

React.js

• Using map loop for create dynamic elements
• Components with conditional styles

Continued development 🎯

• Refine my knowledge of create responsive pages

Author 🙎🏻‍♂️

• Website - Alberto Albuquerque
• Frontend Mentor - @allbertuu
• LinkedIn - Alberto Albuquerque

Alberto Albuquerque

Back to the 🔝