中文 | English

Introduction

Rider is an online platform that allows you to easily subscribe to locomotives，It is based on vue、element-ui、node.js、express、mysql2 and heroku

• Explore Website

Preview

User Interface

Editor Dashboard

Admin Dashboard

User Story

Front End Homepage

• User login with different permissions, display the corresponding page & options
• User can edit account information
• User has order information
• User can make reservations according to different models of locomotives, pickup stores, and pickup times

Front End Dashboard

• User login with different permissions, display the corresponding page & options
• User can add, edit, delete, query and filter members, orders, locomotives, and stores
• The page can display the current number analysis of members, locomotives, orders, and stores
• The page can display related charts of current members, locomotives, orders, and stores

Back End

• Use JSON Web Tokens to add token based authentication to RESTful API
• Image upload function using Imgur API
• Use bcrypt for encryption
• Use sequelize for ORM to add, edit, delete, and query Mysql operations

Platform

• Use gitHub version control and automatically deploy to Heroku

Features

Front End

• Sign in
• Register
• vuex data management
• vue-router dynamic routing
• ECharts
• Permission Validation
• Dashboard

Back End

• JWT
• ORM operation
• Mysql
• RESTful API
• Imgur API

Getting started

User

• Log in
  • email: user@gmail.com
  • password: 123123qwe

Editor

• Log in
  • email: editor@gmail.com
  • password: 123123qwe

Admin

• Log in
  • email: admin@gmail.com
  • password: 123123qwe

Develop

# clone the project
git clone git@github.com:Jimmywei01/rider.git

# enter the project directory
cd rider
cd client

# install dependency
npm install

# develop client
npm run server

# develop server
npm run nodeServer

This will automatically open：http://localhost:8082/

Build

npm run build