Photo by Davide Baraldi on Unsplash

Have you ever wanted to send an email to a user after signing up for your web/mobile application or after a certain change in the user operation?

This article will make life easier and put u straight in the steps to achieve that.

:

Before starting, you should have a basic knowledge of , , and have it installed in your system.

In this article, I will be using editor, but you may use any of your preferred code editors.

Let us head to our editor and open a new folder for our application

If you are using…


Photo by Nathan Dumlao on Unsplash

Being a JavaScript developer, you will agree with me that when building an application, there are times where there is a need to have filtering of an item from a collection of items.

I have created this article to let everyone be part in knowing how a seamless search can be achieved using:

  • HTML
  • Javascript

In this article, we will learn:

  • Es6 functions/syntax
  • How to filter an item(s) from an array
  • Best code practices

Moving forward, I will guide us through how to implement this very quest using . …


THE PROJECT DEAL.

Photo by krakenimages on Unsplash

I work at an IT firm that solves people's problems using technology. Last week, on a Monday morning, we had a client who wants the firm to build a commercial product specializing in online food delivery. On that same day, we had another client, this time the client wants us to build a commercial product specializing in digital events.

This is a success and a great one at that to the firm. Meanwhile, the client’s requests are all tagged priority.

The firm is so good in what they do but they have limited manpower, a team of four. The managing…


Photo by Domenico Loia on Unsplash

It has been the regular convention for some front-end developers to create a separate view for each item in the sidebar menu. Hence creating a different route for all the sidebar menu items.

In this article, I will show you how to get the same result when creating a different route for each sidebar menu item with just one route.

Prerequisites

  • Know Javascript
  • Basic knowledge of ReactjS
  • Download and install NodeJS and NPM

I will be using visual studio code(vscode) as my code editor in this tutorial.

Without further ado, let’s get started. …


Photo by Dan Nelson on Unsplash

Saving a client’s password has been a vital process that can not be neglected in development. Sometimes, clients’ forget their passwords and it hence restricts them from logging into their account.

As a software engineer working on the backend, you would want the client to request retrieval of their login credentials when such a scenario occurs.

In this article, I will walk us through the road map to achieve this.

I will be using visual

Studio code(vscode) as my code editor but feel free to use any editor of your choice.

Let us create a folder named forgot-password in our…


Photo by Mike Kenneally on Unsplash

As a frontend developer, it is no longer new to display data using a loop. It has also been found that when trying to display a container inside one of the multiple cards in a loop with a click event— let’s say on an ellipsis icon and so on, instead of displaying the container that is in the same index with a card, it displays the container on every card holding the container.

Are you ready to find out how to maneuver and effectively get this done?

Without further ado, let’s ride.

Prerequisite:

  • Basic knowledge of javascript
  • Basic knowledge of…


Photo by Reno Laithienne on Unsplash

As a developer, you might have come across this very challenge of uploading an image to any cloud source and also to allow your clients to upload an image to your database.

In this article, I will be walking us through the road to achieving this very quest, with ease using MERN STACK.

We will be using the following to achieve this;

  • Reactjs
  • Nodejs
  • Cloudinary
  • MongoDB

We will be using Reactjs for our frontend, Nodejs for our backend, Cloudinary as our cloud storage for the client images, and MongoDB for our database, where the returned image path will be saved.


Photo by Alex Cheung on Unsplash

These are the things we are going to talk about below;

  • Manage your data collection
  • Understand how flux works with API
  • Persist data with local storage yourself.

Prior, I had written an article on operation in where a product list application was used to demonstrate the , , , and Methods successfully with .

Without further delay, let us get to the task ahead.

  • Installed node and npm on your system
  • Know HTML and JAVASCRIPT
  • Understands how REACT works.

Let us create a new react project. On your terminal run the below;

cd…


Being a developer you must have come to a point of wanting to Create, Read, Update, and Delete data when building a web or mobile application.

Things like arrays and objects are there to hold the user dynamic data. Being able to store and Update this data is very important to take proper control over what happens with the data.

On this, you are going to see and learn how to perform a CRUD operation on the form input data with a Product_List_App we are going to be building using vanilla JavaScript.

Let us create our product_List_App files. You may…


Photo by Michael Dziedzic on Unsplash

Have you been using the browser API ‘window.location.href' to transfer data across different pages? or is it the module that you are always applying? Well, is cool but have you ever think of updating existing data? I must tell you there is an easy way to have access and update your data from every page you wish.

In this course, you will understand how you will be able to make your data accessible from every file with javascript.

Meanwhile, let us have an understanding of what local storage is;
Local storage is a browser API for data storage and persistence. You…

Chime Princewill

I am a very passionate Software Engineer {MERN STACK}, currently working with Descasio as a Junior Full Stack Engineer. I am open to new roles (Remote)

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