create account

First Contribution to SteemGigs.org - Added Clickable Links and Change Category by kizzbonez

View this thread on: hive.blogpeakd.comecency.com
· @kizzbonez · (edited)
$14.24
First Contribution to SteemGigs.org - Added Clickable Links and Change Category
Note: PR [ here](https://github.com/steemgigs/steemgigs/pull/17)  was merged but now shown yet on the Steemgig.org 

### Bug Fixes/Not implemented features
**1.Landing Page Category List does not have anchor links**

**2.Nature & Tourism Category does not exist**

### The Problem


This is my first time to contribute to  Steemgigs.org . What i have noticed was the category icon list were not working as i have clicked them. They should be clickable and will take me to the category that i have clicked.

https://youtu.be/NssOqtSdY5s

![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521656895/ng98ltaznoki73wnqytj.png)
  
You can also notice that there is nature & tourism category on image above but you cannot see it on the image below. Let's take a look with the main categories that we have on the home page with the image below.

![main categories.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521678400/vbj7x1pur4yfncbgghiy.png)


As you can see, there is no 'Nature & Tourism' but instead  a 'Fun & Lifestyle' category. 

## Solution
My solution was to edit the landing page(landing.vue) file. I have added url array element to the category array of the landing.vue in order to use it for the category loop.
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521657611/kv5qbdbiybfjkrsxaz9x.png)

As you can see the image above,  they have urls now  and ready to be used for anchor links.I have also changed the 'Nature & Tourism' into 'Fun & Lifestyle' of array title element.

![Untitled.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521657971/ajv3sz1nwgdt8me78rxq.png)

My PR was merged and just waiting to be implemented to Steemgig.  I hope that people will going to enjoy browsing SteemGigs.org more with my Contribution.

https://youtu.be/eaqeJt8-LtI
![Untitled2.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521678681/ul28yy3eov5eqxazlmj2.png)




<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@kizzbonez/first-contribution-to-steemgigs-org-added-clickable-links-and-change-category">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 103 others
properties (23)
authorkizzbonez
permlinkfirst-contribution-to-steemgigs-org-added-clickable-links-and-change-category
categoryutopian-io
json_metadata"{"community":"utopian","app":"utopian/1.0.0","format":"markdown","repository":{"id":122465927,"name":"steemgigs","full_name":"steemgigs/steemgigs","html_url":"https://github.com/steemgigs/steemgigs","fork":false,"owner":{"login":"steemgigs"}},"pullRequests":[{"author_association":"CONTRIBUTOR","_links":{"statuses":{"href":"https://api.github.com/repos/steemgigs/steemgigs/statuses/fcf8fd30922b8faf4f60b6904769d613a498f6d9"},"commits":{"href":"https://api.github.com/repos/steemgigs/steemgigs/pulls/17/commits"},"review_comment":{"href":"https://api.github.com/repos/steemgigs/steemgigs/pulls/comments{/number}"},"review_comments":{"href":"https://api.github.com/repos/steemgigs/steemgigs/pulls/17/comments"},"comments":{"href":"https://api.github.com/repos/steemgigs/steemgigs/issues/17/comments"},"issue":{"href":"https://api.github.com/repos/steemgigs/steemgigs/issues/17"},"html":{"href":"https://github.com/steemgigs/steemgigs/pull/17"},"self":{"href":"https://api.github.com/repos/steemgigs/steemgigs/pulls/17"}},"base":{"repo":{"default_branch":"master","watchers":5,"open_issues":11,"forks":10,"license":{"url":null,"spdx_id":null,"name":"Other","key":"other"},"open_issues_count":11,"archived":false,"mirror_url":null,"forks_count":10,"has_pages":false,"has_wiki":true,"has_downloads":true,"has_projects":true,"has_issues":true,"language":"Vue","watchers_count":5,"stargazers_count":5,"size":5382,"homepage":"https://steemgigs.org","svn_url":"https://github.com/steemgigs/steemgigs","clone_url":"https://github.com/steemgigs/steemgigs.git","ssh_url":"git@github.com:steemgigs/steemgigs.git","git_url":"git://github.com/steemgigs/steemgigs.git","pushed_at":"2018-03-21T04:06:23Z","updated_at":"2018-03-20T21:59:27Z","created_at":"2018-02-22T10:47:49Z","deployments_url":"https://api.github.com/repos/steemgigs/steemgigs/deployments","releases_url":"https://api.github.com/repos/steemgigs/steemgigs/releases{/id}","labels_url":"https://api.github.com/repos/steemgigs/steemgigs/labels{/name}","notifications_url":"https://api.github.com/repos/steemgigs/steemgigs/notifications{?since,all,participating}","milestones_url":"https://api.github.com/repos/steemgigs/steemgigs/milestones{/number}","pulls_url":"https://api.github.com/repos/steemgigs/steemgigs/pulls{/number}","issues_url":"https://api.github.com/repos/steemgigs/steemgigs/issues{/number}","downloads_url":"https://api.github.com/repos/steemgigs/steemgigs/downloads","archive_url":"https://api.github.com/repos/steemgigs/steemgigs/{archive_format}{/ref}","merges_url":"https://api.github.com/repos/steemgigs/steemgigs/merges","compare_url":"https://api.github.com/repos/steemgigs/steemgigs/compare/{base}...{head}","contents_url":"https://api.github.com/repos/steemgigs/steemgigs/contents/{+path}","issue_comment_url":"https://api.github.com/repos/steemgigs/steemgigs/issues/comments{/number}","comments_url":"https://api.github.com/repos/steemgigs/steemgigs/comments{/number}","git_commits_url":"https://api.github.com/repos/steemgigs/steemgigs/git/commits{/sha}","commits_url":"https://api.github.com/repos/steemgigs/steemgigs/commits{/sha}","subscription_url":"https://api.github.com/repos/steemgigs/steemgigs/subscription","subscribers_url":"https://api.github.com/repos/steemgigs/steemgigs/subscribers","contributors_url":"https://api.github.com/repos/steemgigs/steemgigs/contributors","stargazers_url":"https://api.github.com/repos/steemgigs/steemgigs/stargazers","languages_url":"https://api.github.com/repos/steemgigs/steemgigs/languages","statuses_url":"https://api.github.com/repos/steemgigs/steemgigs/statuses/{sha}","trees_url":"https://api.github.com/repos/steemgigs/steemgigs/git/trees{/sha}","git_refs_url":"https://api.github.com/repos/steemgigs/steemgigs/git/refs{/sha}","git_tags_url":"https://api.github.com/repos/steemgigs/steemgigs/git/tags{/sha}","blobs_url":"https://api.github.com/repos/steemgigs/steemgigs/git/blobs{/sha}","tags_url":"https://api.github.com/repos/steemgigs/steemgigs/tags","branches_url":"https://api.github.com/repos/steemgigs/steemgigs/branches{/branch}","assignees_url":"https://api.github.com/repos/steemgigs/steemgigs/assignees{/user}","events_url":"https://api.github.com/repos/steemgigs/steemgigs/events","issue_events_url":"https://api.github.com/repos/steemgigs/steemgigs/issues/events{/number}","hooks_url":"https://api.github.com/repos/steemgigs/steemgigs/hooks","teams_url":"https://api.github.com/repos/steemgigs/steemgigs/teams","collaborators_url":"https://api.github.com/repos/steemgigs/steemgigs/collaborators{/collaborator}","keys_url":"https://api.github.com/repos/steemgigs/steemgigs/keys{/key_id}","forks_url":"https://api.github.com/repos/steemgigs/steemgigs/forks","url":"https://api.github.com/repos/steemgigs/steemgigs","fork":false,"description":"A website built on the steem protocol, that allows you to offer your talents, craft, skill, expertise etc as \"a service\" in exchange for steem, SBD, Steem Power etc Down the road, we will also looking to creating avenues to exchange","html_url":"https://github.com/steemgigs/steemgigs","private":false,"owner":{"site_admin":false,"type":"Organization","received_events_url":"https://api.github.com/users/steemgigs/received_events","events_url":"https://api.github.com/users/steemgigs/events{/privacy}","repos_url":"https://api.github.com/users/steemgigs/repos","organizations_url":"https://api.github.com/users/steemgigs/orgs","subscriptions_url":"https://api.github.com/users/steemgigs/subscriptions","starred_url":"https://api.github.com/users/steemgigs/starred{/owner}{/repo}","gists_url":"https://api.github.com/users/steemgigs/gists{/gist_id}","following_url":"https://api.github.com/users/steemgigs/following{/other_user}","followers_url":"https://api.github.com/users/steemgigs/followers","html_url":"https://github.com/steemgigs","url":"https://api.github.com/users/steemgigs","gravatar_id":"","avatar_url":"https://avatars0.githubusercontent.com/u/33357265?v=4","id":33357265,"login":"steemgigs"},"full_name":"steemgigs/steemgigs","name":"steemgigs","id":122465927},"user":{"site_admin":false,"type":"Organization","received_events_url":"https://api.github.com/users/steemgigs/received_events","events_url":"https://api.github.com/users/steemgigs/events{/privacy}","repos_url":"https://api.github.com/users/steemgigs/repos","organizations_url":"https://api.github.com/users/steemgigs/orgs","subscriptions_url":"https://api.github.com/users/steemgigs/subscriptions","starred_url":"https://api.github.com/users/steemgigs/starred{/owner}{/repo}","gists_url":"https://api.github.com/users/steemgigs/gists{/gist_id}","following_url":"https://api.github.com/users/steemgigs/following{/other_user}","followers_url":"https://api.github.com/users/steemgigs/followers","html_url":"https://github.com/steemgigs","url":"https://api.github.com/users/steemgigs","gravatar_id":"","avatar_url":"https://avatars0.githubusercontent.com/u/33357265?v=4","id":33357265,"login":"steemgigs"},"sha":"59ed98a92fe507d47ebdeb97e4b4dcaeaba28f2a","ref":"master","label":"steemgigs:master"},"head":{"repo":{"default_branch":"master","watchers":0,"open_issues":0,"forks":0,"license":{"url":null,"spdx_id":null,"name":"Other","key":"other"},"open_issues_count":0,"archived":false,"mirror_url":null,"forks_count":0,"has_pages":false,"has_wiki":true,"has_downloads":true,"has_projects":true,"has_issues":false,"language":"Vue","watchers_count":0,"stargazers_count":0,"size":5382,"homepage":null,"svn_url":"https://github.com/kizzbonez/steemgigs","clone_url":"https://github.com/kizzbonez/steemgigs.git","ssh_url":"git@github.com:kizzbonez/steemgigs.git","git_url":"git://github.com/kizzbonez/steemgigs.git","pushed_at":"2018-03-21T02:51:16Z","updated_at":"2018-03-21T02:51:17Z","created_at":"2018-03-20T10:40:51Z","deployments_url":"https://api.github.com/repos/kizzbonez/steemgigs/deployments","releases_url":"https://api.github.com/repos/kizzbonez/steemgigs/releases{/id}","labels_url":"https://api.github.com/repos/kizzbonez/steemgigs/labels{/name}","notifications_url":"https://api.github.com/repos/kizzbonez/steemgigs/notifications{?since,all,participating}","milestones_url":"https://api.github.com/repos/kizzbonez/steemgigs/milestones{/number}","pulls_url":"https://api.github.com/repos/kizzbonez/steemgigs/pulls{/number}","issues_url":"https://api.github.com/repos/kizzbonez/steemgigs/issues{/number}","downloads_url":"https://api.github.com/repos/kizzbonez/steemgigs/downloads","archive_url":"https://api.github.com/repos/kizzbonez/steemgigs/{archive_format}{/ref}","merges_url":"https://api.github.com/repos/kizzbonez/steemgigs/merges","compare_url":"https://api.github.com/repos/kizzbonez/steemgigs/compare/{base}...{head}","contents_url":"https://api.github.com/repos/kizzbonez/steemgigs/contents/{+path}","issue_comment_url":"https://api.github.com/repos/kizzbonez/steemgigs/issues/comments{/number}","comments_url":"https://api.github.com/repos/kizzbonez/steemgigs/comments{/number}","git_commits_url":"https://api.github.com/repos/kizzbonez/steemgigs/git/commits{/sha}","commits_url":"https://api.github.com/repos/kizzbonez/steemgigs/commits{/sha}","subscription_url":"https://api.github.com/repos/kizzbonez/steemgigs/subscription","subscribers_url":"https://api.github.com/repos/kizzbonez/steemgigs/subscribers","contributors_url":"https://api.github.com/repos/kizzbonez/steemgigs/contributors","stargazers_url":"https://api.github.com/repos/kizzbonez/steemgigs/stargazers","languages_url":"https://api.github.com/repos/kizzbonez/steemgigs/languages","statuses_url":"https://api.github.com/repos/kizzbonez/steemgigs/statuses/{sha}","trees_url":"https://api.github.com/repos/kizzbonez/steemgigs/git/trees{/sha}","git_refs_url":"https://api.github.com/repos/kizzbonez/steemgigs/git/refs{/sha}","git_tags_url":"https://api.github.com/repos/kizzbonez/steemgigs/git/tags{/sha}","blobs_url":"https://api.github.com/repos/kizzbonez/steemgigs/git/blobs{/sha}","tags_url":"https://api.github.com/repos/kizzbonez/steemgigs/tags","branches_url":"https://api.github.com/repos/kizzbonez/steemgigs/branches{/branch}","assignees_url":"https://api.github.com/repos/kizzbonez/steemgigs/assignees{/user}","events_url":"https://api.github.com/repos/kizzbonez/steemgigs/events","issue_events_url":"https://api.github.com/repos/kizzbonez/steemgigs/issues/events{/number}","hooks_url":"https://api.github.com/repos/kizzbonez/steemgigs/hooks","teams_url":"https://api.github.com/repos/kizzbonez/steemgigs/teams","collaborators_url":"https://api.github.com/repos/kizzbonez/steemgigs/collaborators{/collaborator}","keys_url":"https://api.github.com/repos/kizzbonez/steemgigs/keys{/key_id}","forks_url":"https://api.github.com/repos/kizzbonez/steemgigs/forks","url":"https://api.github.com/repos/kizzbonez/steemgigs","fork":true,"description":null,"html_url":"https://github.com/kizzbonez/steemgigs","private":false,"owner":{"site_admin":false,"type":"User","received_events_url":"https://api.github.com/users/kizzbonez/received_events","events_url":"https://api.github.com/users/kizzbonez/events{/privacy}","repos_url":"https://api.github.com/users/kizzbonez/repos","organizations_url":"https://api.github.com/users/kizzbonez/orgs","subscriptions_url":"https://api.github.com/users/kizzbonez/subscriptions","starred_url":"https://api.github.com/users/kizzbonez/starred{/owner}{/repo}","gists_url":"https://api.github.com/users/kizzbonez/gists{/gist_id}","following_url":"https://api.github.com/users/kizzbonez/following{/other_user}","followers_url":"https://api.github.com/users/kizzbonez/followers","html_url":"https://github.com/kizzbonez","url":"https://api.github.com/users/kizzbonez","gravatar_id":"","avatar_url":"https://avatars0.githubusercontent.com/u/17284039?v=4","id":17284039,"login":"kizzbonez"},"full_name":"kizzbonez/steemgigs","name":"steemgigs","id":126001835},"user":{"site_admin":false,"type":"User","received_events_url":"https://api.github.com/users/kizzbonez/received_events","events_url":"https://api.github.com/users/kizzbonez/events{/privacy}","repos_url":"https://api.github.com/users/kizzbonez/repos","organizations_url":"https://api.github.com/users/kizzbonez/orgs","subscriptions_url":"https://api.github.com/users/kizzbonez/subscriptions","starred_url":"https://api.github.com/users/kizzbonez/starred{/owner}{/repo}","gists_url":"https://api.github.com/users/kizzbonez/gists{/gist_id}","following_url":"https://api.github.com/users/kizzbonez/following{/other_user}","followers_url":"https://api.github.com/users/kizzbonez/followers","html_url":"https://github.com/kizzbonez","url":"https://api.github.com/users/kizzbonez","gravatar_id":"","avatar_url":"https://avatars0.githubusercontent.com/u/17284039?v=4","id":17284039,"login":"kizzbonez"},"sha":"fcf8fd30922b8faf4f60b6904769d613a498f6d9","ref":"kizzbonez-patch-1","label":"kizzbonez:kizzbonez-patch-1"},"statuses_url":"https://api.github.com/repos/steemgigs/steemgigs/statuses/fcf8fd30922b8faf4f60b6904769d613a498f6d9","comments_url":"https://api.github.com/repos/steemgigs/steemgigs/issues/17/comments","review_comment_url":"https://api.github.com/repos/steemgigs/steemgigs/pulls/comments{/number}","review_comments_url":"https://api.github.com/repos/steemgigs/steemgigs/pulls/17/comments","commits_url":"https://api.github.com/repos/steemgigs/steemgigs/pulls/17/commits","milestone":null,"labels":[],"requested_teams":[],"requested_reviewers":[],"assignees":[],"assignee":null,"merge_commit_sha":"b8afc2f0dab5d4f0773c071936fb3ba8e0883420","merged_at":"2018-03-20T21:44:57Z","closed_at":"2018-03-20T21:44:57Z","updated_at":"2018-03-20T21:44:57Z","created_at":"2018-03-20T10:59:27Z","body":"1.Change 'Nature & Tourism' into 'Fun & Lifestyle'\r\n2.Add categories anchor links","user":{"site_admin":false,"type":"User","received_events_url":"https://api.github.com/users/kizzbonez/received_events","events_url":"https://api.github.com/users/kizzbonez/events{/privacy}","repos_url":"https://api.github.com/users/kizzbonez/repos","organizations_url":"https://api.github.com/users/kizzbonez/orgs","subscriptions_url":"https://api.github.com/users/kizzbonez/subscriptions","starred_url":"https://api.github.com/users/kizzbonez/starred{/owner}{/repo}","gists_url":"https://api.github.com/users/kizzbonez/gists{/gist_id}","following_url":"https://api.github.com/users/kizzbonez/following{/other_user}","followers_url":"https://api.github.com/users/kizzbonez/followers","html_url":"https://github.com/kizzbonez","url":"https://api.github.com/users/kizzbonez","gravatar_id":"","avatar_url":"https://avatars0.githubusercontent.com/u/17284039?v=4","id":17284039,"login":"kizzbonez"},"title":"Update Home Page ","locked":false,"state":"closed","number":17,"issue_url":"https://api.github.com/repos/steemgigs/steemgigs/issues/17","patch_url":"https://github.com/steemgigs/steemgigs/pull/17.patch","diff_url":"https://github.com/steemgigs/steemgigs/pull/17.diff","html_url":"https://github.com/steemgigs/steemgigs/pull/17","id":176153918,"url":"https://api.github.com/repos/steemgigs/steemgigs/pulls/17"}],"platform":"github","type":"development","tags":["utopian-io","steemph","steemgigs","programming","vuejs"],"users":["kizzbonez"],"links":["https://github.com/steemgigs/steemgigs/pull/17","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521656895/ng98ltaznoki73wnqytj.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521678400/vbj7x1pur4yfncbgghiy.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521657611/kv5qbdbiybfjkrsxaz9x.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521657971/ajv3sz1nwgdt8me78rxq.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521678681/ul28yy3eov5eqxazlmj2.png"],"image":["https://res.cloudinary.com/hpiynhbhq/image/upload/v1521656895/ng98ltaznoki73wnqytj.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521678400/vbj7x1pur4yfncbgghiy.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521657611/kv5qbdbiybfjkrsxaz9x.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521657971/ajv3sz1nwgdt8me78rxq.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521678681/ul28yy3eov5eqxazlmj2.png"],"moderator":{"account":"ms10398","time":"2018-03-23T08:54:45.685Z","flagged":true,"reviewed":false,"pending":false},"questions":[],"score":null}"
created2018-03-21 19:02:36
last_update2018-03-23 08:54:45
depth0
children1
last_payout2018-03-28 19:02:36
cashout_time1969-12-31 23:59:59
total_payout_value9.897 HBD
curator_payout_value4.347 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,144
author_reputation6,622,714,362,560
root_title"First Contribution to SteemGigs.org - Added Clickable Links and Change Category"
beneficiaries
0.
accountutopian.pay
weight2,500
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id45,801,700
net_rshares5,943,732,453,119
author_curate_reward""
vote details (167)
@ms10398 ·
Your contribution cannot be approved because it does not follow the [Utopian Rules](https://utopian.io/rules).

Your contribution is too small to be considered as a `Development` contribution.

You can contact us on [Discord](https://discord.gg/uTyJkNm).

**[[utopian-moderator]](https://utopian.io/moderators)**
properties (22)
authorms10398
permlinkre-kizzbonez-first-contribution-to-steemgigs-org-added-clickable-links-and-change-category-20180323t085516418z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
created2018-03-23 08:55:18
last_update2018-03-23 08:55:18
depth1
children0
last_payout2018-03-30 08:55:18
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_length312
author_reputation27,572,487,973,390
root_title"First Contribution to SteemGigs.org - Added Clickable Links and Change Category"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id46,110,424
net_rshares0