This challenge has shorter submission, review, appeals and appeals response phases. Make sure you don’t miss any deadline!

Challenge Objectives

• Create the prototype for the Notification Settings page based on the provided storyboard.

Project Background

We are in the process of creating the new re-designed Navigation components for our platform.

Technology Stack

• HTML5

• SCSS

• JavaScript

Code Access

Repo: https://github.com/topcoder-platform/community-nav-prototype

Branch: feature-notification-settings

Detailed requirement

As part of this challenge, you need to implement the Notification Settings page from the provided storyboard (see challenge forum).

 

This page must be responsive.

For tablet screen sizes, follow the desktop layout.

 

The mobile version should show all available setting options and not the ones shown on the provided storyboard.

 

Update the existing pages to properly navigate to the settings page.

 

Should you have any questions, feel free to ask on the challenge forum!

Important Notes

• Use SCSS variables instead of hardcoding colors/paddings etc.

• Use Vanilla JS. No jQuery or any other library is allowed.

• Your code should be as clean, well-structured and well-documented as possible. The goal is to take your code and convert it into different forms (eg wordpress/react/angular) to be able to use it in our various applications (SPAs).

• Use fluid layout.

• You need to create both logged in and logged out states.

What to Submit

Submit a git patch for the latest commit in the feature-notification-settings branch. Make sure to note the exact commit in your submission so we can apply your patch file.

Final Submission Guidelines

Please read above.