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.
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…
I would be glad to hear your feedbacks about it.
Here you can find the demo link:
https://fakeflix.th3wall.codes
In the next weeks I will publish more articles about this project, focusing on pieces of the code that is what we like most ;)
Top comments (63)
Impressive 👏 I love the splash intro.
PS: you should include a link to the project without the need to register/login. Or simply add a "log in as anonymous"-button 👍
Thank you for your appreciation!
I have included a section inside the README with test credentials.
Anyway I'm thinking to add an anonymous login as you suggest :)
If this is for your portfolio I would def add a guest login, no one will want to spend the time to register, this is an awesome build! Nice work
Hi, I have just published a new button in the auth page for anonymous sign in :)
Hi, I have just published a new button in the auth page for anonymous sign in :)
Exactly! I really didn't like that I had to register to it.
I will introduce a new button inside the Sign In page that will allow to Sign In anonymously or with a default demo account.
Hi, I have just published a new button in the auth page for anonymous sign in :)
Thank you. The project is dope though, with all the page transitions and all.
Pretty cool..I'm currently working through the scrimba web dev career path, and this is one of the last projects in the course. Definitely looking forward to it!! Hope it turns out half as nice as yours.
Thanks man. Good luck with your course, keep grinding! 💪🏼
You can do a video on YouTube so that we learn by doing...this good work .....also what about redux toolkit
I don't think I will do a video series, instead I think that I will post more related content here on Dev.to focusing on pieces of code that might help
About RTK: I have built this project with the "old" Redux on purpose, so if I will come across it in a company I will be able to use it without particular problems. For my next projects I will try to use RTK if necessary so I will also see the differences with the old one
Pretty good, but it seems like more optimization is needed.
Says every senior developer with 5 years of total XP. SMH, nobody cares.
Yeah, for sure it can be optimized more.
Thank you!
How can get in touch with you. I love such creativity... Really impressive.
Hey @johnezmy , I’m glad you like it! If you have Twitter you can follow and pm me there.
Here’s my username: Th3Wall25
Hi davide, sorry to say but Twitter is suspended in my country. I'm in Nigeria. Don't know if have a Facebook acct so I can follow you and as well pm. Thanks.
Man 😱 this is perfect! but you should definitely add a sign in as guest button for lazy people like me 😂
Hi man, thank you!
I have a good news for you: I have just published a new polished button for anonymous sign in :)
Niice! Thank you :D
Glad you like it @kathybowing :)
Pls I'm a beginner in software development what should be my foundation course?
WHAT? Mind-blowing!!!
No words
Glad you like it @8koi !
Very nice job! Splash screen is great.
Damn impressed. Keep writing more, please.
Looks amazing.Job well done 👏
Thanks a lot @kimlimo !
Top man!
Thank you André!
This is absolutely wonderful... I can understand how much effort has gone into this project :-)
Thanks a lot mate :)
I put a lot of effort in it!
Unfortunately, it lags a little bit on mobile device. I'm using Pixel 4a and the intro animation and scrolling is with freezes. But this is not a criticism comment, anyway you've done great job! Hope for future improvement in performance)
Thanks for your feedback Bunyamin! I’ll definitely check these issues