DEV Community: kennethnnah

Steps to generate github ssh keys for windows

kennethnnah — Sat, 29 Jan 2022 20:55:19 +0000

Have you wondered why you get this weird error while trying to push or clone code from github? to explain this in few words, it's the new ssh protocol which is githubs way of allowing you easily authenticate to the github service without supplying your username and password everytime you want to push code to the github cloud

1.ssh-keygen -t rsa -b 4096 -C "your_email@example.com" copy and paste this code on your command line.

Type cd .ssh to gain access to that directory. You will find 3 files inside the directory namely; id_rsa, id_rsa.pub and known_hosts.
Type cat id_rsa.pub to open and copy the generate key
Once this code has been copied, navigate to settings->SSH and GPG keys.
Use the green button on the top right to create new ssh key, you will be required to fill in a name, then paste and save the generated key. voila!

Pointers in Golang

kennethnnah — Sun, 29 Aug 2021 09:43:44 +0000

The concept of pointers in golang is one fundamental topic that should be taken very seriously hence the reason for this post. As a beginner, you may have seen the use of ampersand"&" and asteriske"*" symbols which we call pointers.

A pointer is a special variable that is used to store data at a particular memory address (Variable Name = Hex Address). The memory address comes in the form of a hexadecimal format(starting with 0x like 0x50c108 etc.)

Before we get started explaining the meaning of pointers, We shall discuss what variables mean. A variable is the name of a memory location where data is stored, to access the stored data we need to know the location or address where that data is stored.

Skip this paragraph if you understand the previous. If you dont understand, no worries as I bring home the explanation. 'abia' is a variable name that holds a memory address (0x50c108) which stores data, the memory address is a Hex code which is not easily remembered by humans so we use a named readable convention like "abia" to represent the address in memory where the data "nnamdi" recides. To locate "nnamdi", we have to know the memory address or the variable that holds the value "nnamdi"

Why do we need pointers in our program?

We are going to demostrate this further with an example, in this example we are going to store a hexadecimal number inside variables a and b, the value type is an int. The code snippet below is not a pointer as it is not pointing to a memory location of another variable, it only stores hexadecimal values to a and b as seen below.


// Variables storing the hexadecimal values 

package main

import "fmt"

func main() {

    // storing the hexadecimal
    // values in variables
    a := 0xFF
    b := 0x9C

    // Printing out variable values 
    fmt.Printf("Type of variable a is %T\n", a)
    fmt.Printf("Value of a in hexadecimal is %X\n", a)
    fmt.Printf("Value of a in decimal is %v\n", a)

    fmt.Printf("Type of variable b is %T\n", b)
    fmt.Printf("Value of b in hexadecimal is %X\n", b)
    fmt.Printf("Value of b in decimal is %v\n", b)   

}

Output:
Type of variable a is int Value of a in hexadecimal is FF Value of a in decimal is 255 Type of variable b is int Value of b in hexadecimal is 9C Value of b in decimal is 156

A pointer does not only point to the location or address of another variable but also finds out way to get the value where that variable is located in memory.You may want to ask if the location of a variable is different from the address of that same variable, the answer is No? they are the same, the variable name is just an easy way to represent long hexadecimal addressing scheme.

Declaring and Innitializing Pointers

We will look into the 2 important keyword for this blog post which are:

Operator: This symbol is called the dereferencing operator used to declare a pointer variable and access the value stored in the address.

Below is an example of a pointer declaration which stores the value of the address of another variable.

Example pointer declaration

 var y string = "String Y"
//Innitialized x with memory address of y
 x := &y
 fmt.Printf("Prints the value of y", *x) // String Y
 fmt.Printf("Prints the address of x", &x) // 0xc000100018
 fmt.Printf("Prints the address of y", x) // 0xc000010230

Hello World! to Golang setup on windows

kennethnnah — Sat, 10 Jul 2021 23:17:17 +0000

Follow these steps to install and setup your first Go project on windows

Download and install Vscode my preffered editor
Download and install git bash for windows
Download and install Go executable from this link.
Set up your GO path by typing this on git bash terminal

export GOPATH=$HOME/go

This will create a "go" folder in your computers C: directory like so: C:/Users/ProfileName/go

Setup a new project inside the go folder structure like so:C:/Users/ProfileName/go/src/github.com/githubUserName/projectFolderName, instead of doing this manually, you can use the windows mkdir command to create your project file path like so: mkdir -p $GOPATH/src/github.com/githubProfileName/projectFolderName.

Open up your newly created folder on vscode, install the Go extenstion plugin form vscode plugins to enjoy code highlighting and more.
Create your first Go file with a .go extention then install All on the prompt that pops up after yourFile.go is created.

You are pretty ready to build your first golang project. If this article helped, please kindly hit the buttons so others can get help. Thanks for viewing.

How to display extra fields in the profile section of wordpress

kennethnnah — Thu, 28 Jan 2021 11:39:51 +0000

Wordpress has several hooks which help developers write custom code that can modify various parts of internal data at runtime. In this short read, I am going to use a hook to add a new column to the worpress profile page.

I generated the extra field code from this useful website Link, you can do same or copy the code here.

<?php
/*
Plugin Name: #Extra Plugin
Plugin URI: https://www.sufyan.in/
Description: This plugin code is generated by Sufyan Code Generator.
Version: 1.0.0
Author: Sufyan
Author URI: https://www.sufyan.in/code-generator/
License: GPLv2 or later
Text Domain: sufyan
*/
add_action( 'personal_options_update', 'save_extra_user_profile_fields_eaq' );
add_action( 'edit_user_profile_update', 'save_extra_user_profile_fields_eaq' );

function save_extra_user_profile_fields_eaq( $user_id ) {
    if(!current_user_can( 'edit_user', $user_id ) ) { 
        return false; 
    }
    update_user_meta($user_id, 'trade', $_POST["trade"]);
    update_user_meta($user_id, 'deposit', $_POST["deposit"]);
    update_user_meta($user_id, 'withdraw', $_POST["withdraw"]);
}

add_action( 'show_user_profile', 'extra_user_profile_fields_eaq' );
add_action( 'edit_user_profile', 'extra_user_profile_fields_eaq' );

function extra_user_profile_fields_eaq( $user ) { 
    $user_id = $user->ID;
    ?>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.0.js"></script>
    <h3>Extra profile information</h3>
    <table class="form-table">
        <tr>
            <td>Trade</td>
            <td><input type="number" name="trade"autocomplete="off">
            </td>
        </tr>
        <tr>
            <td>Deposit</td>
            <td><input type="number" name="deposit"autocomplete="off">
            </td>
        </tr>
        <tr>
            <td>Withdraw</td>
            <td><input type="number" name="withdraw"autocomplete="off">
            </td>
        </tr>
    </table>
    <script type="text/javascript">
        $('input').addClass('regular-text');
        $('input[name=trade]').val('<?php echo get_the_author_meta('trade', $user->ID); ?>');
        $('input[name=deposit]').val('<?php echo get_the_author_meta('deposit', $user->ID); ?>');
        $('input[name=withdraw]').val('<?php echo get_the_author_meta('withdraw', $user->ID); ?>');
        // Hide some default options //
            /*
            $('.user-url-wrap').hide();
            $('.user-description-wrap').hide();
            $('.user-profile-picture').hide();
            $('.user-rich-editing-wrap').hide();
            $('.user-admin-color-wrap').hide();
            $('.user-comment-shortcuts-wrap').hide();
            $('.show-admin-bar').hide();
            $('.user-language-wrap').hide();
            //*/
    </script>
<?php 
}

function new_modify_user_table_eaq( $column ) {
    $column['trade'] = 'Trade';
    $column['deposit'] = 'Deposit';
    $column['withdraw'] = 'Withdraw';
    return $column;
}
add_filter( 'manage_users_columns', 'new_modify_user_table_eaq' );

function new_modify_user_table_row_eaq( $val, $column_name, $user_id ) {
    $meta = get_user_meta($user_id);
    switch ($column_name) {
        case 'trade' :
            $trade = $meta['trade'][0];
            return $trade;
        case 'deposit' :
            $deposit = $meta['deposit'][0];
            return $deposit;
        case 'withdraw' :
            $withdraw = $meta['withdraw'][0];
            return $withdraw;
        default:
    }
    return $val;
}
add_filter( 'manage_users_custom_column', 'new_modify_user_table_row_eaq', 10, 3 );

The function above is a custom plugin generated from this website Link, add the code to the wp plugin folder. it must be activated on the dashboard to work.

Add this PHP code on top of the page you want to call the extra field values stored in variables.

$trade = get_user_meta( get_current_user_id(), 'trade', true );
$deposit = get_user_meta( get_current_user_id(), 'deposit', true );
$withdraw = get_user_meta( get_current_user_id(), 'withdraw', true );

Finally call the variables like so on your desired page eg. dashboard when a user is logged in <?php echo $trade; ?> . I will be glad to here your views or questions in the comment section.

Phone memory full fix

kennethnnah — Tue, 05 Jan 2021 07:35:43 +0000

I need to hear your views on how this can be solved.

Implementing styled components with React

kennethnnah — Tue, 15 Dec 2020 17:14:08 +0000

Before getting started applying styled components, let me tell you the problem I tried to solve; I wanted to retain the original look and feel of material UI components whilst adding my custom styles to it, for example color and size. Todo this, we need to include material UI’s theme feature which specifies the default style rules of the MUI components, such as color, level of shadow,ripple effect etc…The theme enables us to create a pretty good base for our styling.
Steps to take

Install the package by typing this code on terminal:

 * npm install--save styled-components

Import the styled component on top page like so:

 * import styled from 'styled-components'

Declare 'styled.name_of_element in a variable which will be used to wrap the element to be styled. A typical example:

const button = styled.newButton``

Application of this is simple, take the variable that was styled, replace it with the button tags in the render like so:

<newButton>My Styled button</newButton>

Note: You can write all your custom styles on a seperate page for proper house keeping, then import that page on your component.

Regular GIT actions of developers in 2021

kennethnnah — Wed, 09 Dec 2020 04:41:00 +0000

It's often confusing the different commands needed to interact and efficiently work with GIT. We need a handleful of the useful ones. In this short article, I am going to show you the regular unavoidable task performed by modern developers.

BASIC COMMANDS

Create a repository on github (Web)
Delete a mistaken .env from remote: git rm --cached .env
Set up global username git config --global user.name <"ur username">
Set up global email git config --global user.email <"ur password">
Add remote url to local git remote add origin <url>
Innitialise a git repository locally git init
Git clone git clone -b <branch> <remote_repo>
Push code to remote git push origin <branch name>
Check remote connection
Make or create a new branch git checkout -b "master"
Updated local branch with remote changes git pull
Create a branch git checkout -b myNewBranch
Pull request git pull <remote> <branch>
Merge between branches
Check for changes in the tree state git status
Check the repo remote URL git remote -v
Check remote url git config --get remote.origin.url
Undo a merge action to its last commit git reset --hard
Undo git init rm -rf .git
Change git remote origin git remote set-url origin your-git-origin-url-path
Undo git add . git reset
check for latest commit hash: git log --oneline
Undo latest push: git reverse hash-value
Delete branch from local git branch -D my-local-branch
Delete branch from remote git push -d origin <branch-name>
Rename local branch git branch -m <old-branch> <new-branch>

Create a repository on github
There are two methods to this;

Create a repo on GitHub website and
Create a repo locally

How to create a git repository on GitHub website; To do this, navigate to your newly created GitHub account, follow the prompts, make sure you have confirmed your email address. I created a new account for this demo. The image below is only for new sign-ups with fresh GitHub account.

If you have an already existing account, your screen will look like the image below:

After clicking the repo button, you will be prompted to give a name to the repo and optionally add a readme to the new repo folder, ones this done, go ahead and click the create repo green button as the final step.

Innitialize a git repo locally
Fire up your vsCode, navigate to the command line and type this on the command line git init. This command innitialises a git repo locally on your pc.

Save your code

Write code on your vsCode, Before saving your code, be sure your remote repo(online) is connected with your local repo. Let us assume we have typed a line of code for the first time and we want to check connection with the remote, type: git remote if you get a response like fatal: not a git repository (or any of the parent directories): .git, then it means you are not connected to remote. *connect with the remote: * git remote add origin url.

Git clone git clone url

Push code to github from local

You can only push code to GitHub from local when you are rightly connected to the remote as illustrated. Follow the steps to push your first code to remote.
git add .: This command saves your work in the staging area
git commit -m "commit message" This command saves your code to GitHub. **push code to remote:**git push origin master`: the origin refers to the remote repo while "master" is the branch we are committing code to.

*issues from pushing to remote can be solved with this 2 steps

git clone url
git push

Check remote connection: git status

Create a branch git branch branch-name

Check tree/branch status

If you recall that GitHub repository chain is like a tree with branches, you may want to track which brach you are currently working on with this command: git branch, it shows you your current working branch.

Pull request(PR): git pull

If you recall, GitHub is a great place for coding teams to collaborate easily. You may have had code commits from other team members on the GitHub repo that has not reflected on your local machine, to check this, you need to type git status, this will let you know of any changes to the current file, to enable a git pull.

Merge between branches
To merge a branch with another, you need to be sure which branch you are currently on. You can use git merge branch or git rebase branch