finds.dev← search

// the find

Th3Wall/Fakeflix

★ 4,951 · JavaScript · MIT · updated Jan 2024

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

A Netflix UI clone built with React and Redux, using TMDB for movie data and Firebase for auth. It's a learning project aimed at Redux architecture — specifically how sagas, thunks, and persist fit together in a mid-complexity app. Not meant for production.

The Redux structure is unusually complete for a clone — separate sagas, selectors via Reselect, and Redux Persist are all wired up correctly, which is rare in tutorial-grade repos. Skeleton loading screens are implemented throughout rather than just slapped on the homepage. The custom hook organization (useGenreConversion, useLazyLoad, useOutsideClick) shows the author understood component-level concerns vs. data concerns. Framer Motion is used for actual route transitions and micro-interactions, not just one flashy entrance animation.

The Redux slice-per-genre approach (action.reducer.js, adventure.reducer.js, animation.reducer.js...) is the wrong abstraction — this should be parameterized with one generic category reducer, not 15 near-identical files. The repo uses both redux-thunk and redux-saga simultaneously with no clear boundary between them, which will confuse anyone trying to extend it. Last commit was January 2024 and it's built on Create React App, which is effectively unmaintained — anyone forking this today inherits a dead build toolchain. Favourites are stored in session storage, not Firebase, so they're gone on tab close despite Firebase auth being fully set up.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →