Challenge Overview
Challenge Overview
Challenge Objectives
We are adding a new page named Reports to the Topcoder Connect App, that will contain statistical information about challenges. These will be presented in various ways, using numbers, bars, charts.
Project Background
-
Topcoder Connect is client facing application of Topcoder. Customers use Topcoder Connect to input requirements of their projects, then managers and copilots take it from there.
Technology Stack
-
Nodejs
-
React
-
Redux
Detailed requirements
In this challenge you have to:
-
Create a ProjectSummaryReport component that will contain:
-
ProjectEstimation - existing component (https://github.com/appirio-tech/connect-app/blob/dev/src/projects/create/components/ProjectEstimation.js)
-
ProjectBudgetReport (new component as per the design)
-
TopcoderDifferenceReport (new component per the design)
-
-
Create a link on the left navigation named Reports, that will show the ProjectSummary section built above.
-
Create new projectSummary reducer/action/api to retrieve and hold state of the new page. Follow the existing approach/pattern for consistency.
-
The api functions will return relevant data for the ProjectBudget and TopcoderDifference. Note that the data can be hardcoded for now in the api functions (for object properties use the naming from the UI, e.g. linesOfCode, hoursSaved). The logic/values will be later replaced by an external API call.
The repository is at https://github.com/appirio-tech/connect-app, use the dev branch and the following commit {commit-guid}.
Register to access the designs in the challenge forum.
Deployment Guide
Update README.md if necessary.