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

1. Install nodejs v6.11 first.

2. Build dist files

   npm install
   npm run build:dll
   npm run build
   

   The built files are stored in ./dist.

3. Launch a server

   for example, use nginx:

   server {
       listen 80 default_server;
       server_name _;
   
       location /public {
           root /data;
       }
       location /api {
           proxy_pass http://your-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

MIT