DEV Community: ADEOYE ADEFEMI OPEOLUWA

GitHub: Adding Link to Repository homepage

ADEOYE ADEFEMI OPEOLUWA — Sun, 19 Dec 2021 04:56:24 +0000

I've seen a number of projects on GitHub, having the name, project description and link to documentation to complement the beauty of the project... and For sometime, I've wondered how developers tweak the project repository to look like this .

The good news is... I found it. It really isn't hard as it seem. So, shall we get to it.

The following procedure assume you have at least a few weeks of experience with git and GitHub, if not consider reading through a series I'm putting together. (Hopefully, I'll be done with it when you see this 😌).

To the real deal.

Navigate to your project directory on GitHub. Typically it looks like https://github.com/your_username/project_name In my case https://github.com/opeolluwa/restify.
Click on the cog (settings icon) to the right of About
This will give pop up the modal
This gives a chance to edit your project description. 😉 But we want to fix the link right ❔. So go ahead, add link to your project documentation website in the input feed marked website
Click on save changes. And there you go💪. It's just as easy as that.

Handling node_modules Being push to repository in Node powered projects.

ADEOYE ADEFEMI OPEOLUWA — Wed, 15 Dec 2021 11:41:27 +0000

In my experience, working with mono-repo projects, I almost often end up adding node_modules to my remote repo 😩.

I finally found a way of working around it, hope to share. It's gonna be brief. But should you need to grab a cup of coffee, now is a good time to do that.

Let's Get Started

A typical mono-repo project I've worked with has a following folder structure similar to this

With each folder having it own package.json file and node_modules folder

The pitfall

A common mistake is running

git add .

` in any of the folder other than the root directory, this add all content of the folder (and node_modules too 😕) to the git history.

Way out

I found out adding .gitignore to each folder (api, client in this case) with the following content
`

./node_modules

and

./api/node_modules
./client/node_modules

in the root folder will make sure node_modules is not added to the remote repository even if you run

git add .

`
in any of the folders having node_modules

JavaScript Everywhere

ADEOYE ADEFEMI OPEOLUWA — Mon, 13 Dec 2021 18:35:40 +0000

Thought I should share a lil game i wrote in JavaScript when I was just getting started

demo

repo

Install Git on Linux

ADEOYE ADEFEMI OPEOLUWA — Fri, 10 Dec 2021 10:51:54 +0000

In the last two parts of these series, we studied in detail, how to install git on Windows operating system and Mac.

Herein, we'll get up and running with git on Linux.

Installation of the basic Git tools on Linux can be done via a binary installer, you can generally do so through the package management tool that comes with your distribution. If you’re on Fedora (or any closely-related RPM-based distribution, such as RHEL or CentOS), you can use dnf:

`sudo dnf install git-all

`

If you're a Debian-based system such as Ubuntu, you can use apt, the default package manager. sudo apt install git-all

If you are not sure which distro your machine 💻 is,

Search for terminal
Launch the terminal
Enter the following command in your terminal bash git --version. This will prompt for installation of git and provide you with command to do this. 4. Type in the command provided in step 3 above. That should get you up and running with git.

To verify your installation, run git --version
This should give return the version of git currently installed on your machine

Installing git on Mac

ADEOYE ADEFEMI OPEOLUWA — Thu, 09 Dec 2021 08:24:23 +0000

Unlike Windows operating systems, a considerable number of packages are installed via CLI on UNIX based operating systems.

Thus, we'll go through installation on git Mac, which happens to be a prominent member of the UNIX related OS.

Shall we get to it 🏂.

Open terminal (CLI) on your Mac
On your Mac, do one of the following:
Click the Launchpad icon in the Dock, type Terminal in the search field, then click Terminal.
Check if git exist on your machine 💻 already. To do this type the following in your terminal then press enter. If git does not exist, it will prompt for installation.
```
git --version
```
`
Next install brew, the package manager for mac, I'll leave a guide to installing brew in the additional resource section of this post 😚.
Once you have brew up and running, enter the following command in your terminal. `
```
brew install git
```
` This will download and install git on your machine.
While the process is on, it might be a good time to grab a cup of coffee ☕, we're just getting started 🙂.
The terminal will inform you once the installation is completed. To verify the installation, type the following in your terminal and press enter.`
```
git --version
```
`
This should give an output similar to one in the image below;

Very well then, we just installed git on you machine.
Should you encounter any error, be sure to add them to the comment section, dev.to community got your back so do I

Additional resource

Installing git on windows

ADEOYE ADEFEMI OPEOLUWA — Wed, 08 Dec 2021 18:47:55 +0000

So, we took a quick tour on the subject of git and GitHub. Herein we'll get to the real deal of installing git on our machine 💻. You might wanna power your computer it's show time 😉.

Installing git for Windows

Head over to https://git-scm.com/downloads
Click the download link for Windows and allow the download to complete
Browse to the download location (or use the download shortcut in your browser). Double-click the file to extract and launch the installer
.
Proceed to install the downloaded package
.
Read and accept end user agreement.
After this the installer Will ask series of questions starting with, installation location. Be sure to stick to the default (unless you're feeling adventurous), click next or press Enter on your keyboard.
Finally you should have
.

If all go well, cheers to us! We have just installed git on your machine 🍻

Additional reading

Beginning Git and GitHub

ADEOYE ADEFEMI OPEOLUWA — Wed, 08 Dec 2021 18:25:56 +0000

Overview

This is a little series I put together to help absolute beginners get started with git and GitHub.

The series assumes no prior knowledge of git or GitHub. and promise to take you through tips and tricks I've learnt whilst using git and GitHub.

Be sure to ask for clarification at any point in the series, I've got you.
So, Shall we get started 😌💃.

So what's git really and why does it matter 😒.

Git is a software for tracking changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development. Its goals include speed, data integrity, and support for distributed, non-linear workflows.

It let you know what changes has been made to a file (usually a source file ). In addition to, it allow you to back up these changes as well as review and revert them.

Git is a free and open source distributed version control system created by Linus Torvalds, (the creator of Linux Operating system.) It is designed to handle everything from small to very large projects with speed and efficiency.

and GitHub...🤷

Simply put, GitHub is an interface of using functionality provided by git.

To use the lingo, GitHub is a Web-based version control repository that offers all the features of the.

Quickly Fix CORS issues in Vue- Express app

ADEOYE ADEFEMI OPEOLUWA — Mon, 29 Nov 2021 07:49:39 +0000

Cross-Origin Resource Sharing (CORS)as defined on MDN web docs, is an HTTP-header based mechanism that allows a server to indicate any origins (domain, scheme, or port) other than its own from which a browser should permit loading resources

CORS issues almost often makes scaffolding your first full stack application heart breaking😬

So I put together a Lil nice work around earned from expreience. I hope it helps in dealing with CORS issues in your next Vue and Express Js App.

_The following procedure assumes a moderate level of experience in building applications with Vue.js and installing nmppackage 📦

To start with.

Create a new file the the base directory of your Vue project

touch vue.config.js

add the following to your the file
`

module.exports = {
devServer: {
    proxy: 'http://api.back.end',
}
}

navigate to your backend base directory and run the following command
`
```
npm i cors --save
```
` this make it easier to handle cors
The following lime assumes your Express instance is named app if not change app to

const app = require("express")
//...
//the rest of your import here
//...
const cors = require cors()
app.use(cors());
//... continuation of your application

`
😊 And that does it.

Reference and more reading

Cross-Origin Resource Sharing

follow me

twitter

Github

Templatico -- A RESTful API template

ADEOYE ADEFEMI OPEOLUWA — Sat, 27 Nov 2021 15:50:17 +0000

For many self-taught front end developers, migrating from one stack to another could be very heart breaking 😬.

Prologue

Had my fair share of the ordeal when I tried spinning up a RESTful API with PHP in a Vue - PHP project. The worse part of the tale is dealing with CROS.

Templatico to the rescue

So lately, I lay hold of Node.js, tried building an API the end of the story is initializing a lil project that let you spin up RESTful API in spilt second.

I look forward to having more contributors to make the project more robust and of easy use for all🙂💃

See the project on GitHub : Templatico
Follow me on Twitter : @_opeolluwa

Pomodoro : Effective Time Management Technique

ADEOYE ADEFEMI OPEOLUWA — Wed, 26 May 2021 10:37:42 +0000

Darling Distraction

"It's barely 7:00PM, I'll just reply the next couple of messages then get to work...", I told myself the seventh time.

It was a September evening in 2018, I had to prepare for an interview which was 2 days away from the said day. As important as excellent performance is to me, I had myself caught in between a seamless flow of WhatsApp messages. I knew, I had to call it quit, but I couldn't bring myself to it. I decided to shift between worlds of replying the messages and preparing for the interview every 10minutes. Alas! It worked!

I got to know - the plan of alternating study and replying the messages is a full blown productivity technique called Pomodoro Technique

Let's explore!

What's Pomodoro ?

Literally, pomodoro is the Italian word for 'tomato'.

The Pomodoro Technique is a time management method developed by Francesco Cirillo in the late 1980s

The technique is named after the tomato shaped kitchen timer which Cirillo used as a university student

Basically, Promodoro Technique involves breaking down tasks into 25 minutes of work (called pomodoros) 5 minutes break and a 15 - 25 minutes break after each pomodoro

All hail Pomodoro

After getting to know about Pomodoro,

I start out by estimating time allowed for task at hand.
As opposed to the Cirillo specification I take 7minutes break after each pomodoro and
a 15-25 minutes break after 4 pomodoros.

The keynote is to perform task at hand for for minutes without yeilding to distractions then take short break after each section (pomodoro)

The Cirillo way

The Pomodoro Technique is organised into six incremental objectives

Find out how much effort an activity requires
Cut down on interruptions
Usually, you can afford to take 25 minutes before calling back a friend or replying to an email. You’ll learn how to handle the inevitable interruption while staying focused on the task at hand.
Estimate the effort for activities
Once you’ve gotten the hang of the technique, you’ll be able to accurately predict how many Pomodoros it will take to accomplish tomorrow’s -- or next month’s -- tasks.
Make the Pomodoro more effective While the contours of the Pomodoro are set, what you do within them can be adjusted to maximize efficiency. One way to make a Pomodoro more effective is to use the first few minutes to review what you’ve done before. Other methods are discussed in the book.
Set up a timetable
A timetable sets a limit, motivating you to complete a task within a set period of time. It also delineates your work time from your free time. Creating a clear timetable will allow you to enjoy your time off without worrying that you could be doing more work.
Define your own objectives
The Pomodoro Technique is a tool you can use to reach your own objectives. For example, a writer might realize he’s spending too much time revising, and adjust his Pomodoro timetable to allow for more brainstorming time. 1

Summary

That's all there is to it, I'm glad you read it all the way down here. Let's take a peek at the keynotes

estimate time allowed
Work through each section, Go over the task again untill the pomodro is completed
take short break to avoid burn out
take longer break to avoid psychological stress

Thank you

Refrence List

1.https://francescocirillo.com/pages/pomodoro-technique

Starting out as a Software Developer

ADEOYE ADEFEMI OPEOLUWA — Wed, 19 May 2021 12:19:35 +0000

Introduction

In this era of fast evolving technology, it is not uncommon to see people nurturing and, often time than none, pursuing interest in programming ecosystem.

Sadly, many at times are caught up by dilemma as regards what to do with the skill they want to learn. For some, it's choosing the right tool to make the dream project come true. This write up is aimed at helping you get started as developer should you fall in either category.

Who is a software developer 🤷
What does a software developer do?
Choosing first programming language
Tips and Tricks
Summary

Who really is a software developer ?

A software developer, or more recently, a coder, is a computing specialist who write codes for many types of software. An example of such softwares is the web browser with which you're reading this article.

What does a Software Developer do?

Software developers are the creative minds behind software programs, and they have the technical skills to build those programs or to oversee their creation by a team. They create software that enables users to perform specific tasks on computer devices. [1]

From common softwares such as text editors to intricate softwares such as Operating System which we interact with everyday, the software developer employ the use of programming languages to get the job done.

Choosing first programming language

The path of a software developer require one to learn and be able to deliver solution using more than a programming language and choosing the first language to learn can be very challenging.

For one thing, one programming is considered more apt for job at hand than the other regardless of the fact that, technically, any programming language can be used to solve the problem at hand (or implement certain functionality). It all boils down to the programmer's expertise with the language.

A programming language is any of various languages used to passed well defined instruction to the computer
Common programming languages [2]

To choose the first programming language, take time out to honestly answer the following questions

Why do I want to learn computer programming?
Which language is most apt for this?

It's okay if you just want to explore.Python is great option exploration.

Tips and Tricks

Programming concepts could prove very difficult to grasp, the key is to stick to what your are learning. It's usually tempting to drop the language and jump on another. No❗ Stick with it

Another thing is trying to learn several languages concurrently ❗Stick with one, that way, you'll be more productive.

Finally, join a developer community, you'll get to meet with other start ups and professionals, this way you get to learn faster and side by side with like minds.

Summary

Surprisingly, the article got longer than expected 😀

Kudos for taking your time to read it all the way down here .

The truth is Software development require a lot of mental power more than it does, physical.

For effective startup

➡ Clearly define your aim
➡ Learn the most apt language
➡ Avoid learning several language concurrently
➡ Be consistent, stick with the chosen language, build project with it.

Thank you!

Note and Reference

The balance careers :What does a developer do
HTML is not a programming language

DEV Community: ADEOYE ADEFEMI OPEOLUWA

GitHub: Adding Link to Repository homepage

To the real deal.

Handling node_modules Being push to repository in Node powered projects.

Let's Get Started

The pitfall

Way out

JavaScript Everywhere

Install Git on Linux

Installing git on Mac

Additional resource

Installing git on windows

Installing git for Windows

Additional reading

Beginning Git and GitHub

Overview

So what's git really and why does it matter 😒.

and GitHub...🤷

Quickly Fix CORS issues in Vue- Express app

Reference and more reading

follow me

Templatico -- A RESTful API template

Prologue

Templatico to the rescue

Pomodoro : Effective Time Management Technique

Darling Distraction

What's Pomodoro ?

All hail Pomodoro

The Cirillo way

Summary

Refrence List

Starting out as a Software Developer

Introduction

Table Of Contents

Who really is a software developer ?

What does a Software Developer do?

Choosing first programming language

Tips and Tricks

Summary

For effective startup

Note and Reference