Penguin Coco Front-End

🐧 An amazing online judge system front-end based on Vue

Features

• Separate frontend and backend
• Use Vue-Cli to structure a single page application (SPA)
• Use Codemirror editor which supplies a comfortable coding experience
• Use yarn to manage dependencies
• Use Vuex to centralized manage system's state
• Visualization chart
• Markdown & Katex support
• Easy to use, easy to understand

Implementation

Environment：

• Ubuntu 16.04 LTS
• Node 10.16.0
• Yarn 1.7.0
• Vue 2.6.10
• Vue-cli 3.8.2

Proxy Server：Nginx 1.10.3 (Ubuntu)

Get Started

# install dependencies
yarn install

# serve with hot reload at localhost:3000
yarn run serve

# build for production with minification
yarn run build

Browser Support

It will have better resolution with Google Chrome

Screenshots

• Index

  

• Student

  

  

  

  

• Teacher & Assistant

  only teacher can add or edit a course

  

  

  

  

License

Penguin Coco © 2019, Ching-Hsuan Su