Digital Style Guide - NestJS support and code tweak

Challenge Objectives 

• Target environment: Desktop computers, Mobile phones, Tablet, Angular Web app

• Basic Requirements: Investigate if material.angular.io meets the requirements

Project Background

Digital Style Guide is an interactive tutorial web application. The features are similar to https://material.angular.io/components/categories.

 Technology Stack

• Node 12

• Typescript

• Markdown

• Angular 8

• SCSS

• Angular Material

• Nx Workspace

Individual requirements

In the previous challenge, we built the application based on the open-source https://github.com/angular/material.angular.io , and managed it with Nx Workspace as a mono repo. 

The codebase is in https://gitlab.com/digital-style-guide/digital-style-guide.git

If you can’t access the git repository, you can use the Topcoder-X link provided in the forum to grant yourself access.

In this challenge, we need to rewrite the API server via NestJS and tweak the code, including code structure, code linting etc. The following GitLab issues are in scope

 

1. Rewrite the API via NestJS: https://gitlab.com/digital-style-guide/digital-style-guide/issues/9

2. Unify the app to a single server: https://gitlab.com/digital-style-guide/digital-style-guide/issues/8

3. Code structure change: https://gitlab.com/digital-style-guide/digital-style-guide/issues/7

4. Fix all lint errors: https://gitlab.com/digital-style-guide/digital-style-guide/issues/1

5. Bug fix: https://gitlab.com/digital-style-guide/digital-style-guide/issues/3

6. Unit test fix: https://gitlab.com/digital-style-guide/digital-style-guide/issues/6

 

Important notes

 

If you have any questions, feel free to ask in the forum. Any assumption without approval won’t be accepted.

 

The submission will be reviewed subjectively by the copilot and the client.

Final Submission Guidelines

Please submit the following items in a zip archive.

• A git patch against the latest commit hash of https://gitlab.com/digital-style-guide/digital-style-guide.git master branch.

• The updated README.md to describe how to build, deploy and run the application.

• A video to verify your CLI tool meets all requirements. If you are not comfortable with spoken English you may feel free to annotate your video with text.