Image for post
Image for post

Almost everyone who started out to learn reactjs was introduced to create-react-app, which is an awesome way to bootstrap any reactjs project. We were happy with it since you can just run a simple command, then boom your reactjs app development is ready. But at some point in your career you’d want to configure everything from scratch to fit a particular purpose. So in this tutorial we will be setting up our very own reactjs from scratch using webpack and babel, so grab your pen and paper lets spin the learning wheel.

Setting up the Project

Before you can get started, you should make sure to have an installed editor and terminal on your machine. In addition, you will need an installed version of node with npm. Make sure to have setup everything of it before you continue to read. …

Image for post
Image for post

The MERN stack consists of MongoDB, Express, React / Redux, and Node.js. Given the popularity of React on the frontend and of Node.js on the backend, the MERN stack is one of the most popular stack of technologies for building a modern single-page application.

In this post, we will build a todo application that utilizes a RESTful api which we will also build in the course of this tutorial. I assume you have little knowledge about javascript(es6), reactjs and nodejs. …

Image for post
Image for post

If you’ve done a little bit of programming, even if it’s to write hello world in at least ten programming language you will notice the fact that if your program contains more than one statement, the statements are executed as if they are a story, from top to bottom. This is the normal flow of program we all know about when we started out with programming.

let theNumber = Number(prompt("Pick a number"));console.log("Your number is the square root of " + theNumber * theNumber);

Therefore, control flow is the order in which the computer executes statements in a script or a file. Sometimes in an extreme situation the normal top to bottom flow we know about is not obeyed, this is where control flow statements come in, they determine how the program is being executed. Control flow means that when you read a script, you must not only read from start to finish but also look at program structure and how it affects order of execution. …

Image for post
Image for post
The final look of the project

Hey guys, today we will be looking at how i was able to replicate a ludo game board into a webpage. From the image above you will notice that the board basically have four colors and cells for movement.

Before we start with the nitty-gritty of the game board, it’s best i state that this board involves a lot of basic concepts of html and css, which affected my design concept to a great level.

Behind every great design is a backlog of failures


Design Concept

There is this concept i use all the time when working on any project, which is the idea that anything is an enclosure or more like a container or a box. So with that in mind, let’s see that ludo game board image as a very big box, with smaller boxes inside, with three bigger columns and rows. …

Image for post
Image for post

Before we dive into the concept of git and GitHub, what is “version control”, and why should you care? Version control is a system that records changes to a file or set of files over time so that you can recall specific versions later. It allows you to revert selected files back to a previous state, revert the entire project back to a previous state, compare changes over time, see who last modified something that might be causing a problem, who introduced an issue and when, and more.

Using a version control system also generally means that if you screw things up or lose files, you can easily recover. …

A very large Oak was uprooted by the wind. . . .It fell among some reeds, which it thus addressed: “I wonder how you, who are so light and weak, are not entirely crushed by these strong winds.” they replied, “You fight and contend with the wind, and consequently you are destroyed; while we on the contrary bend before the least breath of air, and therefore remain unbroken, and escape.”

— “the Oak and the reeds,” AESOP’s Fables

For a long time, we’ve built our websites to be oak trees: rigid and fixed-width. They look fantastic, until they meet with the inevitable unpredictably of the Web. …

Image for post
Image for post
some of the interns

Having survived the whole selection process, I was really nervous to start work. The weekend before the start of my internship, I was really worried about many things, having to start a new life in a completely new environment, away from comfort. My Sunday was really terrible that I had to sleep with one eye open, I think I was awake throughout the night; did I just say that?, oh yes! I didn’t need the alarm to wake me as I was counting the whole night. …


Ojini Chizoba Jude

Lover of Art and Technology | Full Time Learner | Front-end Developer on a Journey to the Backend | ex-intern @genesystechhub

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