Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion

Hi guys, I'm proud to present you my latest project: Fakeflix.

I have started this project with the purpose of learning how to structure a Web App of a mid-level complexity integrating the Redux logic and experiment with things like Redux Thunk, Redux Saga, Firebase and Framer Motion.

It's a Netflix clone: I've tried to replicate the original layout as much as possible and I've also made some improvements in some sections inserting route animations and micro-interactions. I've also inserted a really close clone of Netflix's original splash animation, made entirely with CSS, as well as the play animation.

I put a lot of effort into it and I hope that you could like it and show some love by starring the project and following me on GitHub.

Th3Wall / Fakeflix

Not the usual clone that you can find on the web.

Fakeflix

Not the usual clone that you can find on the web.

FakeFlix_Desktop.mp4

🎯 About

I have started this project with the purpose of learning how to structure a Web App of a mid-level complexity integrating the Redux logic.
I've tried to replicate the original layout as much as possible and I've also made some improvements in some sections inserting route animations and micro-interactions. I've also inserted a really close clone of Netflix's original splash animation (forked from a famous codepen from Claudio Bonfati), made entirely with CSS, as well as the play animation. I have then sampled the original Netflix "ta-duummm" sound and I made it play along with the two animations.
I put a lot of effort into it and I hope that you could like it.

The Web App redirects you to an authentication page, in which you can choose to sign up or to sign…

View on GitHub

I would be glad to hear your feedbacks about it.

Here you can find the demo link:
https://fakeflix-clone.vercel.app/

In the next weeks I will publish more articles about this project, focusing on pieces of the code that is what we like most ;)