Fig1 Drag and Drop Chopping Cart

Welcome to PART 4 of building a simple shopping cart that takes advantage of . In , we integrated React DnD into our React App. if you will like to start building from PART4, make sure to clone and download PART3’s code from this as PART 4 is a continuation.

Getting Started

In this article, we shall continue building our shopping cart by using React Actions and Reducers to move items from the drag source to the drop target in response to the React DnD endDrag event. At the end of this article, we shall learn


Drag and Drop Shopping Cart

Welcome to PART 3 of building a simple shopping cart that takes advantage of . If you haven’t gone through PART 2, you can find it . Also, if you will like to start building from PART3, make sure to clone and download PART2’s code from this as PART 3 is a continuation.

Getting Started

In this article, we shall continue building our shopping cart by integrating React DnD into our React App.

All code for this section is found in the branch here

React DnD is a set of React utilities to help you build complex drag and drop…


Drag and Drop Shopping Cart

Welcome to PART 2 of building a simple shopping cart that takes advantage of . If you haven’t gone through PART 1, you can find it . Also, if you will like to start building from PART2, make sure to clone and download PART1’s code as PART 2 is a continuation.

Getting Started

In this article, we shall continue building our shopping cart while learning the following:

All code for this section is found in the branch

Installing Semantic-UI-React

In this article, we shall use Semantic UI to style our web application. We shall…


Drag and Drop shopping list

We’ve already seen a lot of tutorials and articles on Drag and Drop, but I think this is such an important concept that it’s worth exploring in a little more detail. One of the greatest ways to learn — perhaps the only way to learn anything deeply is to Do and Teach.

In this article, we shall build a simple shopping cart that takes advantage of which is a set of React utilities to help build complex drag and drop interfaces while keeping your components decoupled.

This article is broken down into 7 parts where we will be…


I’ll start with this quote by Edsger Dijkstra

If debugging is the process of removing software bugs, then programming must be the process of putting them in

Throughout my career, I have worked on many python projects; big, small and medium sized projects. It wasn’t easy at first since I believed that a good programmer should be able to write bug-free code. However, I later understood that the best way to learn is to make mistakes, try, dare and learn from the outcome. I will stop here with this quote by Nicholas Negroponte

Programming allows you to think about thinking…


While working on the Udacity project ``, that takes in images and captions them with quotes at a random position, I went extra miles to implement a functionality that will wrap the quote’s body if it is longer than the image width. This functionality is not required in the project rubric since the default quotes are short enough to fit the image in one line. Trying to achieve this with Python Pillow didn’t work since it doesn’t automatically draw and push the text to a new line. …


Sorting numbers in programming are no fun especially when you have to do it from scratch without using any build-in functions. That is when you understand this quote by Douglas Adams:

I am rarely happier than when spending entire day programming my computer to perform automatically a task that it would otherwise take me a good ten seconds to do by hand.

In this article, we will write code to sort 5 numbers using C++ only if-statements. We shall cover the following topics:

  • Algorithm to sort 3numbers
  • Code the algorithm using C++ only if-statements for 5 numbers
  • Conclusion

Algorithm to sort 3 numbers

I will…


Image taken from

solidity is an object-oriented, high-level language for implementing smart contracts. Smart contracts are programs which govern the behavior of accounts within the Ethereum state. In this article, we will look at two of Solidity features which are Libraries and Using for, by covering the following topics:

  • Libraries
  • Using for
  • Solidity libraries and Solidity using for example on .

Solidity Libraries

Solidity Libraries are similar to contracts, But their purpose is that they are deployed only once at a specific address with its code being reused by various contracts. If library functions are called, their code is executed in the context of the…


Fig 1: Puzzle: Putting pieces together in a logical way in order to arrive at the correct solution

The most fundamental problem in software development is complexity. There is only one basic way of dealing with complexity. Defeat Them in Detail: The Divide and Conquer Strategy. Look at the parts and determine how to control the individual parts, create dissension and leverage it.

In this article, we will see how to make our web application component-oriented and data-driven. We will continue from where we learned how to build a full stack web application with flask, NPM, Webpack, and Reactjs.

You can get the project code we built in part1 . Please clone it and follow the readme


Linear path

In this article, we will first discuss linear regression, what is it all about and how to do it in Python. We’ll next look at a technique for locally smoothing our estimates to better fit the data. I.E using to overcome underfitting.

Get the full code on

What is Linear Regression(LR)

Let’s first understand what is regression. Regression is a kind of supervised learning where we have a target variable or something we want to predict. The difference between regression and classification is that in regression, our target variable is numeric and continuous.

LR is used for finding a linear relationship between…

eyong kevin

Bachelor degree in software engineering, currently working on Machine Learning, AI, Deep Learning and React. When I am not working, I produce beats.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store