All Projects → artiely → order-service

artiely / order-service

Licence: MIT license
一个基于vuejs,reactjs,nodejs,socket.io的服务系统

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to order-service

socialApp-MERN
Social Networking web app similar to Instagram.
Stars: ✭ 35 (+59.09%)
Mutual labels:  react-router, socket-io, expressjs
Ssr React
How to server-side render React, hydrate it on the client and combine client and server routes
Stars: ✭ 67 (+204.55%)
Mutual labels:  react-router, expressjs
Chat Buy React
Client for beginners to learn, built with React / Redux / Node
Stars: ✭ 1,026 (+4563.64%)
Mutual labels:  react-router, socket-io
Express React Boilerplate
Express, MySQL, React/Redux, NodeJs Application Boilerplate
Stars: ✭ 179 (+713.64%)
Mutual labels:  react-router, expressjs
Judo Heroes
A React application to showcase rendering with Universal JavaScript
Stars: ✭ 373 (+1595.45%)
Mutual labels:  react-router, expressjs
Js Stack From Scratch
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
Stars: ✭ 18,814 (+85418.18%)
Mutual labels:  react-router, socket-io
spiced-final-project
Career explorer platform developed in React.js in 6 days.
Stars: ✭ 14 (-36.36%)
Mutual labels:  socket-io, expressjs
timeoff-server
TimeOff is an application that allows companies' employees to set vacations before they begin taking their time off. Implemented in modern tech stack i.e. Node, Express, MongoDB.
Stars: ✭ 33 (+50%)
Mutual labels:  react-router, expressjs
react-app-simple-chat-app
A Simple Chat Application using MERN stack (MongoDB, Express JS, React JS, Node JS) and Socket.io for real time chatting
Stars: ✭ 41 (+86.36%)
Mutual labels:  socket-io, expressjs
kugou
multiple implementations for kugou music
Stars: ✭ 25 (+13.64%)
Mutual labels:  react-router, vue-router
AmigoChat-Realtime-Chat-Application
AmigoChat is a responsive real-time chat application built on MERN Stack and Socket io.
Stars: ✭ 22 (+0%)
Mutual labels:  socket-io, expressjs
vue3-chat
2021👨‍🎓Vue2/3全家桶 + Koa+Socket+Vant3前后端分离移动端聊天应用。vue+node全栈入门项目
Stars: ✭ 46 (+109.09%)
Mutual labels:  socket-io, vue-router
trivin
⚡️Setup your entire project quickly and easily with 1-line command ⚡️
Stars: ✭ 58 (+163.64%)
Mutual labels:  react-router, expressjs
Ghchat
📱A chat application for GitHub. React + PWA + Node(koa2) + Typescripts + Mysql + Socket.io
Stars: ✭ 791 (+3495.45%)
Mutual labels:  react-router, socket-io
Study-Room
Connect and study together with friends over text and voice channels, over a click of a button. Web application for chat and audio streaming.
Stars: ✭ 21 (-4.55%)
Mutual labels:  react-router, expressjs
Universal React Redux
🧐 A sensible universal starter kit for React + Redux
Stars: ✭ 112 (+409.09%)
Mutual labels:  react-router, expressjs
react-ssr-spa
Server side rendered single page app using reactjs official libraries.
Stars: ✭ 30 (+36.36%)
Mutual labels:  react-router, expressjs
OpenBook-E-Commerce
An e-commerce progressive web application, built with mern stack. It has features like product buy, order management by admin, payment gateway, cart, checkout and lot more.
Stars: ✭ 53 (+140.91%)
Mutual labels:  react-router, expressjs
Storybook Router
A storybook decorator that allows you to use routing-aware components in your stories
Stars: ✭ 246 (+1018.18%)
Mutual labels:  react-router, vue-router
Client
TRPG即时IM通讯软件客户端,基于React 与 React Native + Redux技术
Stars: ✭ 118 (+436.36%)
Mutual labels:  react-router, socket-io

服务订单系统 包含客户端 工程师端 后台管理

包括及时聊天 ,下单抢单,(没考虑太多兼容性) 闲的慌就优化一下。。。

demo 地址

http://poorguy.me:9093

用两个不同的浏览器分别登录两个不同角色测试效果哟~!

demo 部分截图

项目要求

1.nodejs 8.9.0+
2.vuejs 2.5.0+
3.webpack 3.0+
4.mongodb 3.0+
5.代码风格检查 standardjs
6.react 16+
7.react-router 4+

项目主要依赖

1.vue-router
2.vuex
3.elementui
4.vantui
5.socketio
6.axios
7.express
8.mongoose
9.react
10.react-router-dom
11.redux
12.react-redux

项目启动

0.数据库启动 (游戏本)

mongod --dbpath d:/MongoDB/data

1.后端服务启动

cd server
hotnode server.js

2.后端管理启动

cd admin
npm run dev

3.客户端启动

cd order
npm run dev

4.react客户端

cd react-order
npm start

基本功能

1.一个结合实际商业模式演变的一个mini订单服务业务系统(ps:仅供学习)
2.用户场景包含客户工程师
3.客户有it服务需求如 安装office 装系统 数据库维护 就来客户端下单
4.客户下单后所有的工程师都会收到下单消息提醒,工程师 闲时 就可以抢单
5.工程师抢单后客户会收到工程师的接单信息
6.客户与工程师发生服务关系(工程师接单)既可以彼此聊天
7.订单状态流程 下单(未接单)-> 取消(未接单前可取消) -> 接单(彼此可实时聊天) -> 工程师完成订单 -> 客户确定完成(待评价) -> 评价(完成)
8.订单提示 客户看自己被接单的信息
9.订单提示 工程师看所有客户未接单信息
10.后台可以添加商品可以查看订单

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].