Challenge Overview
Challenge Summary
Welcome to everyone in the “Dragonet Data Management - Frontend Prototype Challenge”! The goal of this challenge is to develop the frontend prototype using React JS from the provided design.
Project Overview
The project will develop a web based desktop application platform that will help the Information Security Risk & Compliance team of a global company to manage a large amount of data that will be used to generate key risk indicators(KRIs).
In this challenge we are building the data management frontend. Next we will integrate with the backend API.
Technology Stack
React Js latest
Browser Requirements
Microsoft Edge and Google Chrome
Assets
The assets are shared on the forum
Individual Requirements
Implement all the screens
- Mock Login Page
- Data Management Interface
- KRI List Page
- Error Listing Page
- Audit Log
- User Profile management
The details of the screen with the business flow is shared on the forum. If there is any confusion let's clarify on the forum.
General Requirements
- Use React Js best practices
- Role-based access control should be implemented properly (Major requirement)
- Lint should be added and pass
- Follow the existing code conventions and re-use the components as much as possible (Major requirement)
- Divide the components into meaningful components that can be reusable
- All data should come from the provided API definition, please create the mock API
- Only use third-party libraries that are accepted by Topcoder
Winner Responsibility
-
The winner will need to send the merge requests on the Gitlab
-
Winner has to fix the issues identified by the reviewer as a final fix within 24hr.
Final Submission Guidelines
Submit the zip containing
-
Full source code with detailed readme to setup, deployment.