OnlineJudge Front End

A multiple pages app built for OnlineJudge. Demo

Features

• Webpack3 multiple pages with bundle size optimization
• Easy use simditor & Nice codemirror editor
• Amazing charting and visualization(echarts)
• User-friendly operation
• Quite beautiful：)

Get Started

Install nodejs v6.11 first.

npm install
npm run build:dll
npm run build

The built files are stored in ./dist, you may need to launch a server with nginx:

server {
    listen 80 default_server;
    server_name _;

    location /public {
        root /app/data;
    }
    location /api {
        proxy_pass http://backend;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header Host $http_host;
        client_max_body_size 200M;
    }
    location /admin {
        root /app/dist/admin;
        try_files $uri $uri/ /index.html =404;
    }
    location / {
        root /app/dist;
        try_files $uri $uri/ /index.html =404;
    }
}

Screenshots

Check here.

Browser Support

Modern browsers and Internet Explorer 10+.

Development

# we use webpack DllReference to decrease the build time,
# this command only needs execute once unless you upgrade the package in build/webpack.dll.conf.js
NODE_ENV=development npm run build:dll

# the dev-server will set proxy table to your backend
export TARGET=http://Your-backend

# serve with hot reload at localhost:8080
npm run dev

LICENSE

The MIT License