这个神奇的网站,教大家仿 100 多个知名网站!

苏三说技术

共 1019字,需浏览 3分钟

 ·

2021-07-01 09:25

源代码 + 教程 + 演示,带你和 100 多个知名网站五五开!

编程导航开源仓库:https://github.com/liyupi/code-nav

大家好,我是鱼二,今天给大家分享一个冷门但非常优秀的网站,可以帮助大家学习和开发项目。

大家在学编程的时候,如果没有灵感,最好的方式就是仿照现有的优秀网站,试着开发出和它同样的界面和功能。

而 Clone Wars,是由国外朋友开发的【知名网站开源克隆项目】收集网站。通俗地讲,就是把别人做好的仿制品进行了分类汇总。

网站已经收录了 100 多个流行网站的优秀开源克隆项目和替代品,如 Airbnb、亚马逊、Instagram、Netflix、Tiktok、Spotify、Whatsapp、 Youtube 等。

进入网站,可以看到两个表格,分别是 免费仿站教程开源克隆项目,我们依次来看一下。

免费仿站教程

在这个表格中,你可以看到知名站点的前后端完整实现教程,有视频、也有在线练习。唯一的缺点就是国内的一些朋友可能无法访问,原因你懂的。

仿站教程

开源克隆项目

在这个表格中,你可以看到很多知名站点的仿站项目,大部分项目的运行效果都很贴近原网站,甚至有些还扩充了功能。

每个项目不仅包含源代码,还提供了教程、演示链接、仓库地址、技术堆栈、GitHub Star 数,非常适合学习。

克隆项目列表

大家可以多挑几个来看一下,选择一个合适的来学习。

项目体验

我们就以 Apple Music 为例,带大家看一下。

打开克隆项目 Appo Music 的演示地址,你会发现这个界面非常精致,和原版几乎完全一致!

Apple Music 仿制品

进入该项目的 GitHub 仓库,就可以看到项目源码和详情。

项目仓库

比如这个项目,使用了 React、Redux、Ruby on Rails、PostgreSQL 等技术,实现了原苹果音乐播放器的核心功能。

项目详情




虽然整个网站基本都是英文,但个人感觉网站还是不错的,能给大家提供一些做项目的思路和仿站技巧,欢迎大家来试试!

⬇️ 点击下方阅读原文查看项目

在 编程导航 中还能发现更多优质编程学习资源,欢迎分享给有需要的同学吧!

浏览 45
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报