Challenge Objectives

• As part of this simple challenge, you need to fix the issue with the birth date input in the profile settings page that’s described in the ‘Individual requirements’ section.

Project Background

We are in the process of migrating many of the legacy pages of our platform to the new Community App repo based on a newer technology stack and improve the overall user experience.

In this series of challenges, we are targeting to the public profile page and the profile settings page based on our new design (attached on the challenge forum, available on registration).

Technology Stack

• Node.js

• JavaScript

• React.js

Code Access

The work is to be done in the Community App repo, out of the latest commit in develop branch.

Individual requirements

It was repeatedly reported that the birth date is decrementing by one day after the user saves the changes in the profile settings page.

 

We suspect that this is happening because of the timezone difference between the user’s browser and the Topcoder’s server (backend).

 

We currently use this hack to format the date in the format that the API expects but this doesn’t seem to work correctly.

 

You need to investigate, identify the root of the issue and fix it.

 

To be able to reproduce the issue, you will have to change your computer’s timezone. You need to experiment with different timezones and make sure the date is saved correctly regardless what the user’s timezone is.

Important Notes

• You should follow the best practices established in the repository:

• We use this stand alone library: https://github.com/topcoder-platform/topcoder-react-lib for any actions/reducers/services of current ReactJS based app.

• As part of this challenge submission you also might need improve https://github.com/topcoder-platform/topcoder-react-lib for any actions/reducers/services updates

• Properly use Redux. Properly split code into reusable, self-contained React components, conveniently grouped inside folder structure;

• Do not violate ESLint rules for JS code, nor StyleLint rules for SCSS;

• Properly use babel-plugin-react-css-modules and / or react-css-themr for styling;

• Use SCSS variables and mixins from the global stylesheets (/src/styles/_tc-styles.scss). Especially, when it relates to colors, fonts, etc;

• Do not break existing unit tests.

• Etc.;

 

Should you have any doubts, do not hesitate to ask for clarifications in the challenge forum!

Submission deliverables

- Submit a git patch for the latest commit in the develop branch and a video showing that your fix actually works. You may upload the video on YouTube (unlisted) and include the link to your video in your submission.

- Make sure to mention the exact commit so we can apply your patch file.

- The winner must create a PR against our repo.

Final Submission Guidelines

Please see above