create account

ULOG #19: Adding the 'Grow' Page by eastmael

View this thread on: hive.blog |  peakd.com |  ecency.com
ulog · @eastmael ·
$30.79
ULOG #19: Adding the 'Grow' Page
![image.png](https://ipfs.busy.org/ipfs/QmTPYteVLULJUyVdjENgNsrE8Die6iG5SSbBCvMmVDRGNp)

This is a contribution to this [task request](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) 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](https://ulogs.org/@eastmael/ulog-17-closing-issue-183). My [first commit](https://github.com/surpassinggoogle/UlogsV2/pull/226/commits/8990c2b5f79239cce625a9543c1001318bea1f96) was on Jan. 28, 2019. 

Here were the changes done:

1. [`src/client/Wrapper.js`](https://github.com/surpassinggoogle/UlogsV2/pull/226/files#diff-105a0ee4a79800ce929a0e78481a9286) - added link transition to top nav for grow page
    ![image.png](https://ipfs.busy.org/ipfs/QmYsRSHivEHb2HfJyXCVZFsedu1qjDncEFwDx627PxWatn)
1. [`src/client/components/Navigation/Topnav.js`](https://github.com/surpassinggoogle/UlogsV2/pull/226/files#diff-be17acfc581df0934e93ac22ad91f04e) - added the 'Grow' top nav link
    ![image.png](https://ipfs.busy.org/ipfs/QmX8dzS7DCBApamr3yDJCbjuTS8HkVzNAs33HEkWkAZ42d)
1. [`src/client/grow/Grow.js`](https://github.com/surpassinggoogle/UlogsV2/pull/226/files#diff-21062f6a6811e0793a555bf3a814aa7e) - the main 'Grow' component for the page
1. [`src/client/grow/GrowVideoEmbed.js`](https://github.com/surpassinggoogle/UlogsV2/pull/226/files#diff-2b00f8b16ca5f7c4e3b93a38e4189b3e) - component for the embedded video on each grow section
1. [`src/client/grow/GrowVideoEmbed.less`](https://github.com/surpassinggoogle/UlogsV2/pull/226/files#diff-a733245d6ccbb99a2426ecd720f4baae) - embedded video's styles
1. [`src/client/helpers/growSections.js`](https://github.com/surpassinggoogle/UlogsV2/pull/226/files#diff-9888ae5801437e87ab530c539e2f73a4) - constants for the text content of each of the grow section; rendered via 'react-markdown'
1. [`src/common/routes.js`](https://github.com/surpassinggoogle/UlogsV2/pull/226/files#diff-b6b31eb5a9edbb39ff6d2216ded5b277) - display the 'Grow' component when accessing the '/grow' route

#### Feature in Action

![grow.gif](https://ipfs.busy.org/ipfs/QmWthiz5B2TAYnLFnsNcRQ6Ynn9n8AMgHkNd25uFY21sYH)

#### 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<br/><div class="pull-right promo"><sub><p>This post was made from https://ulogs.org</p></sub></div>
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 548 others
πŸ‘Ž  
properties (23)
authoreastmael
permlinkulog-19-adding-the-grow-page
categoryulog
json_metadata{"community":"ulogs","app":"ulogs/1.0.0","format":"markdown","tags":["ulog","utopian-io","development","steemdev"],"users":["surpassinggoogle","surpassinggoogle.","eastmael"],"links":["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","/@surpassinggoogle","https://github.com/surpassinggoogle/UlogsV2","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","https://github.com/surpassinggoogle/UlogsV2/pull/226","https://github.com/surpassinggoogle/UlogsV2/pull/227","https://ulogs.org/@eastmael/ulog-17-closing-issue-183","https://github.com/surpassinggoogle/UlogsV2/pull/226/commits/8990c2b5f79239cce625a9543c1001318bea1f96","https://github.com/surpassinggoogle/UlogsV2/pull/226/files#diff-105a0ee4a79800ce929a0e78481a9286"],"image":["https://ipfs.busy.org/ipfs/QmTPYteVLULJUyVdjENgNsrE8Die6iG5SSbBCvMmVDRGNp","https://ipfs.busy.org/ipfs/QmYsRSHivEHb2HfJyXCVZFsedu1qjDncEFwDx627PxWatn","https://ipfs.busy.org/ipfs/QmX8dzS7DCBApamr3yDJCbjuTS8HkVzNAs33HEkWkAZ42d","https://ipfs.busy.org/ipfs/QmWthiz5B2TAYnLFnsNcRQ6Ynn9n8AMgHkNd25uFY21sYH"]}
created2019-03-19 11:52:27
last_update2019-03-19 11:52:27
depth0
children5
last_payout2019-03-26 11:52:27
cashout_time1969-12-31 23:59:59
total_payout_value23.654 HBD
curator_payout_value7.135 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length3,624
author_reputation78,967,407,130,763
root_title"ULOG #19: Adding the 'Grow' Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id81,567,640
net_rshares45,629,468,061,993
author_curate_reward""
vote details (613)
@helo ·
$14.91
- Short article with code samples and an image.
- Commit comments could be more detailed.

Your contribution has been evaluated according to [Utopian policies and guidelines](https://join.utopian.io/guidelines), as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, [click here](https://review.utopian.io/result/3/2-3-2-2-2-2-2-).

---- 
Need help? Chat with us on [Discord](https://discord.gg/uTyJkNm).

[[utopian-moderator]](https://join.utopian.io/)
πŸ‘  , , , , , , , , , , , , , , ,
properties (23)
authorhelo
permlinkre-eastmael-ulog-19-adding-the-grow-page-20190320t002725601z
categoryulog
json_metadata{"tags":["ulog"],"links":["https://join.utopian.io/guidelines","https://review.utopian.io/result/3/2-3-2-2-2-2-2-","https://discord.gg/uTyJkNm","https://join.utopian.io/"],"app":"steemit/0.1"}
created2019-03-20 00:27:27
last_update2019-03-20 00:27:27
depth1
children2
last_payout2019-03-27 00:27:27
cashout_time1969-12-31 23:59:59
total_payout_value11.292 HBD
curator_payout_value3.617 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length539
author_reputation121,547,934,535,311
root_title"ULOG #19: Adding the 'Grow' Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id81,598,226
net_rshares22,004,473,001,683
author_curate_reward""
vote details (16)
@eastmael · 
Thank you for the feedback. These are noted.
πŸ‘  
properties (23)
authoreastmael
permlinkre-helo-re-eastmael-ulog-19-adding-the-grow-page-20190320t034603164z
categoryulog
json_metadata{"tags":["ulog"],"app":"steemit/0.1"}
created2019-03-20 03:46:09
last_update2019-03-20 03:46:09
depth2
children0
last_payout2019-03-27 03:46:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length44
author_reputation78,967,407,130,763
root_title"ULOG #19: Adding the 'Grow' Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id81,604,592
net_rshares595,447,334
author_curate_reward""
vote details (1)
@utopian-io · 
Thank you for your review, @helo! Keep up the good work!
properties (22)
authorutopian-io
permlinkre-re-eastmael-ulog-19-adding-the-grow-page-20190320t002725601z-20190322t122709z
categoryulog
json_metadata"{"app": "beem/0.20.17"}"
created2019-03-22 12:27:12
last_update2019-03-22 12:27:12
depth2
children0
last_payout2019-03-29 12:27:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length56
author_reputation152,955,367,999,756
root_title"ULOG #19: Adding the 'Grow' Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id81,732,411
net_rshares0
@steem-ua ·
$0.03
#### Hi @eastmael!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
**Feel free to join our [@steem-ua Discord server](https://discord.gg/KpBNYGz)**
πŸ‘  
properties (23)
authorsteem-ua
permlinkre-ulog-19-adding-the-grow-page-20190320t004751z
categoryulog
json_metadata"{"app": "beem/0.20.18"}"
created2019-03-20 00:47:51
last_update2019-03-20 00:47:51
depth1
children0
last_payout2019-03-27 00:47:51
cashout_time1969-12-31 23:59:59
total_payout_value0.020 HBD
curator_payout_value0.006 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length287
author_reputation23,214,230,978,060
root_title"ULOG #19: Adding the 'Grow' Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id81,598,976
net_rshares40,084,620,208
author_curate_reward""
vote details (1)
@utopian-io · 
Hey, @eastmael!

**Thanks for contributing on Utopian**.
We’re already looking forward to your next contribution!

**Get higher incentives and support Utopian.io!**
 Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via [SteemPlus](https://chrome.google.com/webstore/detail/steemplus/mjbkjgcplmaneajhcbegoffkedeankaj?hl=en) or [Steeditor](https://steeditor.app)).

**Want to chat? Join us on Discord https://discord.gg/h52nFrV.**

<a href='https://steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1'>Vote for Utopian Witness!</a>
πŸ‘  
properties (23)
authorutopian-io
permlinkre-ulog-19-adding-the-grow-page-20190324t093106z
categoryulog
json_metadata"{"app": "beem/0.20.17"}"
created2019-03-24 09:31:06
last_update2019-03-24 09:31:06
depth1
children0
last_payout2019-03-31 09:31:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length590
author_reputation152,955,367,999,756
root_title"ULOG #19: Adding the 'Grow' Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id81,842,911
net_rshares20,042,557,530
author_curate_reward""
vote details (1)
Help/Feedback