Project EPM | Vuejs based UI Prototype

Challenge Objectives

• Create a user interface prototype using Vuejs for the web

 

Project Background

• Project EPM is to rewrite our client’s existing Enterprise Performance Management tool in Vuejs. Their old user interface was written using Flash, which is now at its end of life and will soon be out of support.

• The tool allows our client to view (and generate) various reports on the performance of their different departments

 

Technology Stack

• Vuejs (v2.6.10)

    

General requirements

• We will share a document with you in the contest forum as well as the assets for this contest.

• The document describes the screens in scope for this contest

 

Important Notes

• Use vue-cli to scaffold your app. In this, you will work with babel, sass (dart sass) and eslint with prettier. Use dedicated config files and ensure that you lint on save.

• Use single file components

• You can make use of state management library Vuex.

• You need to support a minimum width of 1366px

• Browsers in scope are Google Chrome Desktop (latest) only

• You can make use of third party libraries that work with vuejs as long as they have an acceptable license

• You can make use of bootstrap, bulma or other css based front end component libraries as long as they have a license allowed by topcoder.

• You are required to follow the Vuejs style guide.

• REVIEWERS: Kindly note. You need to review the submissions by not only checking if they match the required design but also verifying that the code is valid. Please familiarize yourself with Vuejs’ style guide and Vuejs’ best practices.

Final Submission Guidelines

Provide a zip file containing the files and folders for your solution and upload it to Topcoder.