DEV Community

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

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

Davide Mandelli on July 01, 2021

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 A...
Collapse
 
myrlandnu profile image
Jørn André Myrland •

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 👍

Collapse
 
th3wall profile image
Davide Mandelli •

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 :)

Collapse
 
devcoder profile image
devcoder •

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

Thread Thread
 
th3wall profile image
Davide Mandelli •

Hi, I have just published a new button in the auth page for anonymous sign in :)

Collapse
 
th3wall profile image
Davide Mandelli •

Hi, I have just published a new button in the auth page for anonymous sign in :)

Collapse
 
hasnaindev profile image
Muhammad Hasnain •

Exactly! I really didn't like that I had to register to it.

Collapse
 
jakelanghel profile image
Jakelanghel •

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.

Collapse
 
th3wall profile image
Davide Mandelli •

Thanks man. Good luck with your course, keep grinding! 💪🏼

Collapse
 
myblood profile image
Alexandr Vasilyev •

Pretty good, but it seems like more optimization is needed.

Collapse
 
hasnaindev profile image
Muhammad Hasnain • • Edited

seems like more optimization is needed

Says every senior developer with 5 years of total XP. SMH, nobody cares.

Collapse
 
th3wall profile image
Davide Mandelli •

Yeah, for sure it can be optimized more.
Thank you!

Collapse
 
copenjusherry profile image
copenju •

You can do a video on YouTube so that we learn by doing...this good work .....also what about redux toolkit

Collapse
 
th3wall profile image
Davide Mandelli •

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

Collapse
 
th3wall profile image
Davide Mandelli •

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

Collapse
 
johnezmy profile image
Johnezmy •

How can get in touch with you. I love such creativity... Really impressive.

Collapse
 
th3wall profile image
Davide Mandelli •

Hey @johnezmy , I’m glad you like it! If you have Twitter you can follow and pm me there.
Here’s my username: Th3Wall25

Collapse
 
johnezmy profile image
Johnezmy •

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.

Collapse
 
andrerds profile image
André Rds •

Top man!

Collapse
 
th3wall profile image
Davide Mandelli •

Thank you André!

Collapse
 
anirbmuk profile image
Anirban Mukherjee •

This is absolutely wonderful... I can understand how much effort has gone into this project :-)

Collapse
 
th3wall profile image
Davide Mandelli •

Thanks a lot mate :)
I put a lot of effort in it!

Collapse
 
delacernamarimar profile image
Marimar Dela Cerna •

Great this is very helpful.

Collapse
 
th3wall profile image
Davide Mandelli •

Nice, I'm happy about that! :)

Collapse
 
buzzzcraft123 profile image
buzzzcraft123 •

Awesome!!! I haven't seen such an art in a long time.

Collapse
 
th3wall profile image
Davide Mandelli •

A big thank you!! :)

Collapse
 
diogocastrosilva profile image
Diogo Silva •

Awesome project! Love it! Congrats!!

Collapse
 
th3wall profile image
Davide Mandelli •

Thank you for your feedback!

Collapse
 
mrcflorian profile image
mrcflorian •

That's a great project, the structure looks great, I'll study it in more details, I'm sure I'll learn a thing or two! Thanks for sharing!

Collapse
 
th3wall profile image
Davide Mandelli •

Thank you so much! Appreciate your comment!

Collapse
 
sr333 profile image
SR2090 •

That intro is amazing. So cool

Collapse
 
th3wall profile image
Davide Mandelli •

The intro is the only part that is not from me: it’s a famous codepen from Claudio Bonfati (that I have credited inside the readme). I have changed the letter from N to F and I have added the classic sound to it while it plays :)

Collapse
 
mkubdev profile image
Maxime Kubik •

Impressive work! Good job well done.. This is awesome 👏

Collapse
 
th3wall profile image
Davide Mandelli •

Thanks mate! 🙏🏼

Collapse
 
rahulshashank profile image
shashank007158 •

Awesome work👍👍😍loved it

Collapse
 
th3wall profile image
Davide Mandelli •

A big thank you!

Collapse
 
iamhabbeboy profile image
Azeez Abiodun Solomon •

Great job!!

Collapse
 
th3wall profile image
Davide Mandelli •

Thank you!

Collapse
 
chinwike profile image
Chinwike Maduabuchi •

This is incredible

Collapse
 
th3wall profile image
Davide Mandelli •

Glad you like it 🙏🏼

Collapse
 
metammodern profile image
Buniamin Shabanov •

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)

Collapse
 
th3wall profile image
Davide Mandelli •

Thanks for your feedback Bunyamin! I’ll definitely check these issues

Collapse
 
luisgustavoj profile image
Luis Silva •

Man 😱 this is perfect! but you should definitely add a sign in as guest button for lazy people like me 😂

Collapse
 
th3wall profile image
Davide Mandelli •

Hi man, thank you!
I have a good news for you: I have just published a new polished button for anonymous sign in :)

Collapse
 
farathshba profile image
Fa'rath Shba 🚀 •

Damn impressed. Keep writing more, please.

Collapse
 
kathybowing profile image
Kathy Bowing •

Niice! Thank you :D

Collapse
 
th3wall profile image
Davide Mandelli •

Glad you like it @kathybowing :)

Collapse
 
kimlimo profile image
kimlimo •

Looks amazing.Job well done 👏

Collapse
 
th3wall profile image
Davide Mandelli •

Thanks a lot @kimlimo !

Collapse
 
themaddhatter profile image
The-MaddHatter •

Very nice job! Splash screen is great.

Collapse
 
8koi profile image
Hachikoi •

WHAT? Mind-blowing!!!
No words

Collapse
 
th3wall profile image
Davide Mandelli •

Glad you like it @8koi !

Collapse
 
unbothered_dev profile image
asiwaju •

Pls I'm a beginner in software development what should be my foundation course?

Collapse
 
th3wall profile image
Davide Mandelli •

Thanks a lot Didier

Collapse
 
th3wall profile image
Davide Mandelli •

Congrats man 😉 and thank you!

Collapse
 
barath6 profile image
Barath •

what is the use of this , not playing any content

Collapse
 
th3wall profile image
Davide Mandelli •

As I say inside the article and inside the README:
"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."

Collapse
 
danielcnascimento profile image
danielcnascimento •

Where you got the API access points for videos and so ?

Collapse
 
th3wall profile image
Davide Mandelli •

I have used TMDB APIs. If you go on their website you can get one API key too :)

Collapse
 
apperside profile image
Apperside •

Very nice project, btw I don't understand how a mid-level complexity react application can be conceived without the usage of typescript

Collapse
 
th3wall profile image
Davide Mandelli •

Thank you! I haven’t used TS cause I’ still currently learning it :)

Collapse
 
sameer_mina_f1db360d6c3d4 profile image
sameer mina •

Can you add vidsrc.to api in it for streaming