Challenge Overview
Challenge objectives
-
Identify repeating styles that are similar in multiple components and could be extracted into master stylesheets.
Tech stack
-
Angular
-
Less
Code access
Repo: https://github.com/tc-bluesource/bluesource
Branch: develop
You will find a link to get access to the repo on the challenge forum.
Detailed requirements
As part of this challenge, we need your help to explore the provided source code of the “Bluesource” app, identify and log similar/common styles that are used in multiple components and that we could extract into master stylesheets for a more efficient way to manage those styles.
For example, components that have the same style but that’s defined into separate .less files (duplicated), should get the style from a master stylesheet (or multiple master stylesheets as it makes sense) in such way so if we would want to update their style, we should be able to just update the master stylesheet (LESS file).
Class names may need to be updated. That’s totally fine.
You are not expected to update the styles. You only need to log the required changes.
Judging criteria
We’ll use the idea generation scorecard and the submissions will be judged by the challenge copilot/PM.
You submission will be judged based on:
-
The number of valid groups/components you will log.
-
Clarity of your submission.
There will be no appeals or appeals response phases and the decision will be final.
Feel free to post any questions on the challenge forum!
What to submit
-
Submit a document (preferably in PDF format) listing the groups of components that could share common styles.