web前端学习圈|推荐 9 个 GitHub 上练手项目（在线考试、仿美团、仿抖音、仿B站、仿头条...）前端|开发语言|vue.js|webpack|ja

文章图片

GitHub项目推荐推荐的这几个 GitHub 项目并不是简单的 XX 管理系统，我会从下面这些方向推荐几个入门级别但是不那么 Low 的项目。

“我自己是一名从事了6年web前端开发的老程序员，今年年初我花了一个月整理了一份最适合2021年自学的web前端全套培训教程（视频+源码+笔记+项目实战），从最基础的HTML+CSS+JS到移动端HTML5以及各种框架和新技术都有整理，打包给每一位前端小伙伴，这里是前端学习者聚集地，欢迎初学和进阶中的小伙伴（所有前端教程关注我的微信公众号：web前端学习圈，关注后回复“web”即可领取

01 JavaWeb项目学之思在线考试系统
这个项目是是一款 Spring 技术栈 + Vue.js 的前后端分离的考试系统，分为学生端、用户端、小程序端，能覆盖到 PC 和移动端。。界面美观、设计友好、代码结构清晰，即使是应届生找工作，这个项目也是不错的练手手项目。
并且支持多种部署方式：集成部署、前后端分离部署、docker部署。
地址：github.com/mindskip/xz…
学生端

web前端学习圈|推荐 9 个 GitHub 上练手项目（在线考试、仿美团、仿抖音、仿B站、仿头条...）

文章图片

管理端

文章图片

小程序端

文章图片

在线考试
这个项目后端采用 Spring Boot + JPA + Swagger2 + JWT 技术栈，前端使用 Vue + AntDesign 技术。都是在线考试系统，但这个系统的 UI 界面比上一个项目好看一点。
地址：github.com/19920625lsg/spring-boot-online-exam
登陆

文章图片

首页

文章图片

文章图片

答题

文章图片

考试管理

文章图片

考试列表

文章图片

外卖系统
一个完整的外卖系统，包括手机端，后台管理。基于 Spring Boot 和 Vue 的前后端分离的外卖系统，包含完整的手机端，后台管理功能。
地址：gitee.com/microapp/flash-waimai

电影院选座系统
开发技术 : Spring MVC + Spring + MyBatis 框架，MySQL数据库。支付宝沙箱支付 LayUI 百度 Echarts 图表 Redis 缓存中间件。特色：支付、可视化、智能选座等。
地址：gitee.com/bysj2021/ci…

文章图片

02 移动端项目仿美团外卖点餐
前端用 vue+vuex+vue-router+axios，后端基于nodej.s的框架，数据库采用mongodb。功能涉及登录，定位，浏览商品，加购物车，下订单，支付(微信、支付宝扫码支付)，评价，个人信息更改。
项目地址：github.com/zwStar/vue-…

文章图片

精仿今日头条
数据是抓取今日头条App的数据。使用 RxJava + Retrofit + MVP 开发的开源项目。
项目地址：github.com/chaychan/To…

文章图片

下面这两个 GitHub 项目，都是移动端开发者开发的复制版抖音 App，老逛以前也推荐过。

iOS 仿抖音
这个抖音 Demo 适配 iPhone、iPad，同时兼容 iOS 8.0 - iOS 12.0系统。采用 Object-C 语言编写。标星 1.5K Star，项目地址：
github.com/sshiqiao/do…
本项目共分为三个部分：抖音个人主页实现、网络视频相关功能实现、WebSocket 实现 IM 即时聊天功能。

文章图片

Android 仿抖音
这个 Demo 涉及的技术要点如下：

Recycler + PagerSnapHelper 实现全屏切换播放效果，
使用 Lottie 库加载 Json 动画
BottomSheetDialogFragment 实现分享评论弹框功能
CoordinatorLayout + AppBarLayout 实现折叠布局。

该项目标星 1K Star，项目地址：
github.com/18380438200…

文章图片

秀视频
【web前端学习圈|推荐 9 个 GitHub 上练手项目（在线考试、仿美团、仿抖音、仿B站、仿头条...）】这个项目是一个短视频社交小程序，系统包括用户端和后台管理端。用户可以在小程序上发布自己的短视频，并且经过我们的平台加入滤镜或者背景音乐制作出独具特色的短视频。具备点赞、评论、下载、分享、转发等功能。技术栈如下：
前端: H5、CSS、JavaScript 、JQuery、Bootstrap、Themeleaf
后端：Spring Cloud、Spring Boot、Sping、Spring MVC、MyBatis、MySQL、Redis、Shiro
组件：Bootsrap-table、webUploader、PageHelper
项目地址：github.com/RAOE/show-v…

斗鱼直播 APP
flutter 重构的斗鱼直播 APP，首页、娱乐为Material组件；直播间、鱼吧为纯自定义编写。
地址：github.com/yukilzw/dy_…