推荐 9 个 GitHub 上练手项目(在线考试、仿美团、仿抖音、仿B站、仿头条...)

8,012

GitHub项目推荐

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

01 JavaWeb项目

学之思在线考试系统

这个项目是是一款 Spring 技术栈 + Vue.js 的前后端分离的考试系统,分为学生端、用户端、小程序端,能覆盖到 PC 和移动端。。界面美观、设计友好、代码结构清晰,即使是应届生找工作,这个项目也是不错的练手手项目。

并且支持多种部署方式:集成部署、前后端分离部署、docker部署。

地址:github.com/mindskip/xz…

学生端

img

管理端

img

小程序端

img

在线考试

这个项目后端采用 Spring Boot + JPA + Swagger2 + JWT 技术栈,前端使用 Vue + AntDesign 技术。都是在线考试系统,但这个系统的 UI 界面比上一个项目好看一点。

地址:github.com/19920625lsg/spring-boot-online-exam

登陆

img

首页

img

img

答题

img

考试管理

img

考试列表

img

外卖系统

一个完整的外卖系统,包括手机端,后台管理。基于 Spring Boot 和 Vue 的前后端分离的外卖系统,包含完整的手机端,后台管理功能。

地址:gitee.com/microapp/flash-waimai

img

电影院选座系统

开发技术 : Spring MVC + Spring + MyBatis 框架,MySQL数据库。支付宝沙箱支付 LayUI 百度 Echarts 图表 Redis 缓存中间件。特色:支付、可视化、智能选座等。

地址:gitee.com/bysj2021/ci…

img

02 移动端项目

仿美团外卖点餐

前端用 vue+vuex+vue-router+axios,后端基于nodej.s的框架,数据库采用mongodb。功能涉及登录,定位,浏览商品,加购物车,下订单,支付(微信、支付宝扫码支付),评价,个人信息更改。

项目地址:github.com/zwStar/vue-…

img

精仿今日头条

数据是抓取今日头条App的数据。使用 RxJava + Retrofit + MVP 开发的开源项目。

项目地址:github.com/chaychan/To…

img

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

iOS 仿抖音

这个抖音 Demo 适配 iPhone、iPad,同时兼容 iOS 8.0 - iOS 12.0系统。采用 Object-C 语言编写。标星 1.5K Star,项目地址:

github.com/sshiqiao/do…

本项目共分为三个部分:抖音个人主页实现、网络视频相关功能实现、WebSocket 实现 IM 即时聊天功能。

img

img

Android 仿抖音

这个 Demo 涉及的技术要点如下:

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

该项目标星 1K Star,项目地址:

github.com/18380438200…

img

秀视频

这个项目是一个短视频社交小程序,系统包括用户端和后台管理端。用户可以在小程序上发布自己的短视频,并且经过我们的平台加入滤镜或者背景音乐制作出独具特色的短视频。具备点赞、评论、下载、分享、转发等功能。技术栈如下:

前端: 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_…

img

img

仿网易云音乐

基于 flutter 的仿网易云音乐软件,支持 iOS 和 Android。

地址:github.com/boyan01/flu…

img

高仿 B站

基于 react + express 高仿B站 Web 移动端

链接:github.com/code-mcx/re…

img