发布于 2026-01-05 0 阅读
0

隆重推出 Fakeflix,一款使用 React、Redux、Firebase 和 Framer Motion 构建的 Netflix 克隆应用。

隆重推出 Fakeflix,一款使用 React、Redux、Firebase 和 Framer Motion 构建的 Netflix 克隆产品。

Fakeflix

大家好,我很荣幸向大家介绍我的最新项目:Fakeflix

家

我启动这个项目的目的是学习如何构建一个中等复杂程度的 Web 应用程序,集成Redux逻辑,并尝试Redux ThunkRedux SagaFirebaseFramer Motion等技术。

详细信息模态框

搜索视图

这是一个 Netflix 的克隆版:我尽可能地还原了原版布局,并在某些部分进行了一些改进,例如添加了路由动画和微交互。我还添加了一个与 Netflix 原版启动动画非常接近的克隆版,完全使用 CSS 制作,以及播放动画。

登入

报名

我为此付出了很多心血,希望您能喜欢它,并通过在 GitHub 上给项目点赞和关注我来表达您的支持。

GitHub 标志 Th3Wall / Fakeflix

不是网上常见的那种克隆产品。

Fakeflix——并非网络上常见的克隆版本。

不是网上常见的那种克隆产品。

叽叽喳喳

关于·演示·功能·技术·屏幕截图·本地运行·系统要求·许可·星标历史

FakeFlix_Desktop.mp4

🎯 关于

我启动这个项目的目的是学习如何构建一个中等复杂度的 Web 应用,并集成 Redux 逻辑。
我尽可能地复刻了原版布局,并在某些部分进行了一些改进,例如添加了路由动画和微交互。我还添加了一个与 Netflix 原版启动动画非常接近的克隆版本(源自Claudio Bonfati 的一个著名 Codepen 项目),完全使用 CSS 制作,以及播放动画。此外,我还采样了 Netflix 原版的“ta-duummm”音效,并使其与这两个动画同步播放。
我为此投入了大量精力,希望您会喜欢

我很乐意听听你们的反馈意见。

您可以在这里找到演示链接:
https://fakeflix.th3wall.codes

接下来几周,我将发表更多关于这个项目的文章,重点介绍我们最喜欢的代码片段 ;)

文章来源:https://dev.to/th3wall/proud-to-present-you-fakeflix-a-netflix-clone-built-with-react-redux-firebase-framer-motion-4ae6