当前位置: 首页 > 科技观察

GitHub上10个前端高仿项目盘点

时间:2023-03-11 23:28:48 科技观察

大家好,我是CUGGZ。今天分享10个Github上的高仿前端项目。概述:高仿QQ音乐(Vue)、高仿网易云音乐(Vue)、高仿网易云音乐(React)、高仿Bilibili(React)、高仿掘金(Vue)、高仿饿了么(Vue),高仿WeChat(Vue)高仿Instagram(React)高仿Stackoverflow(React)高仿Spotify(React)1.高仿QQ音乐(Vue)使用Vue3+TS开发的一款音乐播放器,界面仿QQ音乐Mac客户端,支持深色模式。Github:https://github.com/SmallRuralDog/vue3-music2。高仿网易云音乐(Vue)是一款基于Vue2和Vue-CLI3的高仿网易云Mac客户端播放器。通过Vue全家桶、Sass、better-scroll、ElementUI等技术实现。本项目实现了mv页面、cd页面、搜索建议、搜索详情、播放、发现页面、播放列表、播放记录、所有播放列表、播放列表详情、最新音乐、主题换肤功能、登录等功能。Github:https://github.com/sl1673495/vue-netease-music3。高仿网易云音乐(React)是一款基于React和TypeScript的高仿网易云Mac客户端播放器。使用ReactHook进行状态管理,无需使用额外的数据管理库。此外,还使用了CSSModules、Webpack、Graphql等技术。项目实现登录/注销、发现页面、每日歌曲推荐页面、所有播放列表页面、最新音乐页面、播放列表详情页面、音乐播放详情页面、播放历史、搜索、创建和收藏的播放列表列表等功能。Github:https://github.com/uniquemo/react-netease-music4。高仿B站(React)高仿B站Web移动端,基于SSR服务端渲染模板,使用React16.8,Typescript开发,后端服务使用Express实现。项目实现首页、分类页、排行榜、搜索、视频详情页、UP首页、个人中心、直播、直播列表、分类、直播间等功能。Github:https://github.com/dxx/react-bilibili5。高仿掘金(Vue)高仿掘金,集成vue+nuxt+axios+vuex+vue-router,是一个基于Nuxt的服务端渲染demo。项目实现了服务端渲染、静态页面部署、掘金首页、掘金推荐列表、掘金小册子、滚动页面加载、不同端布局适配等功能。Github:https://github.com/xuqiang521/nuxt-ssr-demo6。高仿饿了么(Vue)是使用vue2+vuex+vue-router+webpack+ES6/7+fetch+sass+flex+svg搭建的仿饿了么的大型单页应用,45个页面,包括注册,登录、商品展示、购物车、下单等功能。Github:https://github.com/bailicangdu/vue2-elm7。高仿微信(Vue)基于Vue.js2.0高仿微信App的单页应用,使用Vue.js2.0框架,配合样式库WeUI,模仿微信App的样式和交互。Github:https://github.com/zhaohaodang/vue-WeChat8。高仿Instagram(React)一个Instagram仿制项目,前端使用React,状态管理使用Redux,路由使用ReactRouter,表管理使用Formik,动画使用ReactSpring,Websocket管理使用Socket.io,后端使用Express,数据库使用MongoDB。Github:https://github.com/Sandermoen/instaclone9。高仿Stackoverflow(React)该项目是Stackoverflow的简化全栈克隆。使用ReactJs、NextJs、Storybook、PostCSS、NodeJs、Express、MongoDB、Mongoose等技术实现。Github:https://github.com/salihozdemir/stackoverflow-clone10。高仿Spotify(React)Spotify网络播放器的前端克隆项目。使用React(create-react-appCLI)、react-router-dom、axios等技术实现。Giuhub:https://github.com/JL978/spotify-clone-client