源代碼 + 教程 + 演示，帶你和 100 多個知名網(wǎng)站五五開！

編程導航開源倉庫：https://github.com/liyupi/code-nav

大家好，我是魚二，今天給大家分享一個冷門但非常優(yōu)秀的網(wǎng)站，可以幫助大家學習和開發(fā)項目。

大家在學編程的時候，如果沒有靈感，最好的方式就是仿照現(xiàn)有的優(yōu)秀網(wǎng)站，試著開發(fā)出和它同樣的界面和功能。

而 Clone Wars，是由國外朋友開發(fā)的【知名網(wǎng)站開源克隆項目】收集網(wǎng)站。通俗地講，就是把別人做好的仿制品進行了分類匯總。

網(wǎng)站已經(jīng)收錄了 100 多個流行網(wǎng)站的優(yōu)秀開源克隆項目和替代品，如 Airbnb、亞馬遜、Instagram、Netflix、Tiktok、Spotify、Whatsapp、 Youtube 等。

進入網(wǎng)站，可以看到兩個表格，分別是 免費仿站教程 和 開源克隆項目，我們依次來看一下。

免費仿站教程

在這個表格中，你可以看到知名站點的前后端完整實現(xiàn)教程，有視頻、也有在線練習。唯一的缺點就是國內(nèi)的一些朋友可能無法訪問，原因你懂的。

開源克隆項目

在這個表格中，你可以看到很多知名站點的仿站項目，大部分項目的運行效果都很貼近原網(wǎng)站，甚至有些還擴充了功能。

每個項目不僅包含源代碼，還提供了教程、演示鏈接、倉庫地址、技術堆棧、GitHub Star 數(shù)，非常適合學習。

大家可以多挑幾個來看一下，選擇一個合適的來學習。

項目體驗

我們就以 Apple Music 為例，帶大家看一下。

打開克隆項目 Appo Music 的演示地址，你會發(fā)現(xiàn)這個界面非常精致，和原版幾乎完全一致！

進入該項目的 GitHub 倉庫，就可以看到項目源碼和詳情。

比如這個項目，使用了 React、Redux、Ruby on Rails、PostgreSQL 等技術，實現(xiàn)了原蘋果音樂播放器的核心功能。

雖然整個網(wǎng)站基本都是英文，但個人感覺網(wǎng)站還是不錯的，能給大家提供一些做項目的思路和仿站技巧，歡迎大家來試試！

?? 項目地址：https://www.code-nav.cn/rd/?rid=17453ede6090dfaf06fc05cc5d6e91e6

在 編程導航 中還能發(fā)現(xiàn)更多優(yōu)質(zhì)編程學習資源，歡迎分享給有需要的同學吧！