ULOG #19: Adding the 'Grow' Page

This is a contribution to this task request by @surpassinggoogle. This adds the grow page.

Repository

https://github.com/surpassinggoogle/UlogsV2

Task Request/Issue

https://steemit.com/utopian-io/@surpassinggoogle/task-request-kindly-help-us-create-a-page-portal-called-grow-on-ulogs-org-etc-additional-bounty-of-70-steem
https://github.com/surpassinggoogle/UlogsV2/issues/195

Pull Requests

https://github.com/surpassinggoogle/UlogsV2/pull/226
https://github.com/surpassinggoogle/UlogsV2/pull/227

Testing

Although there are no unit tests included in the code, all tests were manually done via Chrome covering the following:

1. Go to 'Grow' page from user top nav menu
2. Access the grow page by directly accessing the /grow URL
3. Click and play the video component in each of the Grow section
4. Show a 'coming soon' message when user clicks on any of the 'Click Here' buttons

Implementation

Development for this TR took more than two months in order to address other higher priorities work items - specifically closing issue #183. My first commit was on Jan. 28, 2019.

Here were the changes done:

1. src/client/Wrapper.js - added link transition to top nav for grow page
   
2. src/client/components/Navigation/Topnav.js - added the 'Grow' top nav link
   
3. src/client/grow/Grow.js - the main 'Grow' component for the page
4. src/client/grow/GrowVideoEmbed.js - component for the embedded video on each grow section
5. src/client/grow/GrowVideoEmbed.less - embedded video's styles
6. src/client/helpers/growSections.js - constants for the text content of each of the grow section; rendered via 'react-markdown'
7. src/common/routes.js - display the 'Grow' component when accessing the '/grow' route

Feature in Action

Lesson Learned

In software development, the only constant is change.

That's what I read in one of Head First's books. Keeping this in mind can help developers cope up with frequent requirement changes (we also call them 'spec changes' short for 'specification changes') that comes with software development.

GitHub Account

https://github.com/eastmaels