I got a high imitation B station!

An open source high imitation station B mobile terminal is recommended, which can be used for learning projects of the React technology stack. The core technology stack used in the front-end is based on React, and the back-end service uses Express.

bb7dd7c46460fa66275399273a649eb5.png

开源地址:https://github.com/dxx/react-bilibili

System screenshot

System functions include home page, information flow, and upper tab bar switching:

5abc158ee501b601e19944b7788f37b5.png

leaderboard, video playback

823875490711531a61c0f010b188dbb3.png

personal space

fc10805070856af862f9cf3229032bcd.png

Live broadcast, barrage, chat room

676e1370aa6e650d4cabc960e54fc18f.png

How to deploy

First download the open source project, the server interface is in the directory of bilibili-api, deploy and run, and access the default port of the http service: 3010 to access the back-end related services.

npm install # 安装项目依赖包

npm run dev # 运行开发环境

npm run build # 打包客户端和服务端,运行生产环境前必须先打包

npm run start # 运行生产环境

Visit GitHub to recommend a fun and interesting open source project every day. The open source projects recommended in history have been included in the GitHub project. Welcome to Star:

历史盘点:https://github.com/Wechat-ggGitHub/Awesome-GitHub-Repo

Recommended reading

1.  What fun projects are there on GitHub?

2.  Recommend a high-value NetEase cloud player

3.  Baidu cloud high imitation project based on Spring Boot

4.  Inventory of Baidu's 4 awesome open source projects

2d150b7ce5ad9d145455f3331ed882ba.png

Guess you like

Origin blog.csdn.net/weixin_47080540/article/details/123625694