This project adopts the Taro technology framework, which can compile React code into WeChat small program, android APP, IOS program, H5 page and so on, The management side is developed with React Hook + TypeScript
At present, due to the heavy academic task, there is no good improvement, at present, the small program end is more perfect only exercises, courses, forums, chat rooms. Management side also began to develop, now complete the question bank management, add the question bank, modify the question bank and login functions.
Contemporary college students lack enthusiasm in class and efficiency in learning. As a college student, I have deep experience. So specially developed such a learning WeChat small program to help students to learn, consolidate knowledge, at the same time to increase the PK module to strengthen students' learning enthusiasm. ✨This is a WeChat small program that provides students with online learning courses, question bank exercises, exam questions, do questions PK, class check-in, data search, score analysis and other functions🐷
For specific use, please refer to my blog, will continue to update the analysis of project technology
Admin: https://juejin.im/post/5e3389f06fb9a02fbd3791cf
Client: https://juejin.im/post/5dd161675188254efb3bceea
Using Canvas to realize image marking and transformation: https://juejin.im/post/5e717376e51d4526dd1ec2e6#comment
http://cdn.algbb.cn/School-Partners%E6%BC%94%E7%A4%BA%E8%A7%86%E9%A2%91.mp4
Before running the project, you need to configure the configuration file under the directory src/server/config
Please import the sql file into mysql, otherwise the project will run fail https://github.com/zhcxk1998/School-Partners/blob/master/school-partners.sql
The Client:Taro + WeChat Applet + Echarts
The Back End:Node.js + MySql + websocket
The Admin:React + TypeScript
Other:Qiniu Cloud
- Online learning course
- Special question bank exercises
- Answer questions on the course exam
- Fun contest for knowledge
- Class check-in system
- Professional data search
- Student performance analysis
- Schedule of activities
- Learning sharing forum
- Login and Register
- The question bank management
- Mark the Exam Paper
Client
Admin
-
- Clone the project locally `git clone http://github.com/zhcxk1998/School-Partners
-
cnpm i
Install dependencies
-
- Start the server
npm run server
- Build run services
npm run dev:weapp
- Build run admin
npm run dev
- Start the server
-
- Preview in the WeChat applet development tool
- Preview admin in the Chrome
|-- [config] // Project profile
|-- [dist] // Project package file
|-- [src] // Project code
-- [client] // Client code
-- [assets] // Static files
-- [components] // Component files
-- [pages] // Page file
-- [store] // State management
-- [styles] // The style file
-- [utils] // Toolkit function
-- [server] // Server code
-- [config] // Server configuration file
-- [routes] // Routing directory
-- [utils] // Tool function
-- [middlewares] // The middleware
-- [client] // Admin code
-- [assets] // Static files
-- [components] // Component files
-- [pages] // Page file
-- [store] // State management
-- [styles] // The style file
-- [utils] // Toolkit function
|-- .gitignore // Git ignore configuration
|-- package-lock.json // npm
|-- package.json // npm
...