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, Red…


This content originally appeared on DEV Community and was authored by Davide Mandelli

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

Home

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.

Detail Modal

Search view

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.

Sign In

Sign Up

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.

GitHub logo 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.

Image of Fakeflix Project

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, 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.

The Web App redirects you to an authentication page, in which you can choose to sign up or to sign in: you can sign in with your custom account or with your Google account. Once you are logged in and after the splash animation, you will land on…

I would be glad to hear your feedbacks about it.

Here you can find the demo link:
https://fakeflixapp.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 ;)


This content originally appeared on DEV Community and was authored by Davide Mandelli


Print Share Comment Cite Upload Translate Updates
APA

Davide Mandelli | Sciencx (2021-07-01T11:15:23+00:00) Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion. Retrieved from https://www.scien.cx/2021/07/01/proud-to-present-you-fakeflix-a-netflix-clone-built-with-react-redux-firebase-framer-motion/

MLA
" » Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion." Davide Mandelli | Sciencx - Thursday July 1, 2021, https://www.scien.cx/2021/07/01/proud-to-present-you-fakeflix-a-netflix-clone-built-with-react-redux-firebase-framer-motion/
HARVARD
Davide Mandelli | Sciencx Thursday July 1, 2021 » Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion., viewed ,<https://www.scien.cx/2021/07/01/proud-to-present-you-fakeflix-a-netflix-clone-built-with-react-redux-firebase-framer-motion/>
VANCOUVER
Davide Mandelli | Sciencx - » Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/01/proud-to-present-you-fakeflix-a-netflix-clone-built-with-react-redux-firebase-framer-motion/
CHICAGO
" » Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion." Davide Mandelli | Sciencx - Accessed . https://www.scien.cx/2021/07/01/proud-to-present-you-fakeflix-a-netflix-clone-built-with-react-redux-firebase-framer-motion/
IEEE
" » Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion." Davide Mandelli | Sciencx [Online]. Available: https://www.scien.cx/2021/07/01/proud-to-present-you-fakeflix-a-netflix-clone-built-with-react-redux-firebase-framer-motion/. [Accessed: ]
rf:citation
» Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion | Davide Mandelli | Sciencx | https://www.scien.cx/2021/07/01/proud-to-present-you-fakeflix-a-netflix-clone-built-with-react-redux-firebase-framer-motion/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.