Profile Image Upload Functionality Using Angular and Node

In a recent project, I was working on a user profile component that can be used by the user to edit their profile information. A part of that component was a profile image section which lets the user change their profile picture. The profile picture is sent to the Node API via HTTP Post request, stored in a folder and then name/URL of the image is stored in the database. In this post, I will share the code on how to implement this functionality.

forward

A Guide To WordPress REST API Authentication

WordPress provides a REST API to get, update, and delete the WordPress website data. This means that we can use WordPress CMS as a backend system to create & manage content and Angular or React to design our frontend application to consume the content using the WordPress REST API. In this blog post, we discussed the authentication process to safely and securely consume WordPress data using WordPress REST API.

forward

Introduction To React

React or ReactJS is a front-end JavaScript library to create and design user interfaces. It’s being used in many popular and powerful websites like Facebook, PayPal, Airbnb, Apple, Microsoft, Twitter, etc. In this blog post, we discussed what’s React and what are its foundational concepts and features.

forward

Online Marketing Foundations – Tips and Tricks

In this blog post, we have discussed important types, channels, strategies and components of successful online marketing campaigns. Online Marketing Channels: SearchSocialVideoEmailDisplay 3 Types of Online Marketing Paid (e.g Google Adwords, Facebook Ads, etc.)Owned (e.g website, blog, email subscribers etc.)Earned (articles, mentions in social media posts, word of mouth) Online Marketing Strategies Business StrategyBusiness Name (e.g Codoplex)Mission Statement (e.g. Easy To Use Widgets and Plugins For Weebly and WordPress Websites)Organizational Objectives (e.g. Sell Weebly/WordPress Widgets/Plugins)Value Proposition (e.g. Ease of Use | Integrated Solutions | Responsive Solutions)Elevator Pitch (e.g. Codoplex develops easy to use integrated widgets and plugins for Weebly and...
forward

Fetching Data From API With useState and useEffect Hooks In React App

In previous blog post, we learned how to get started with creating a very basic react app. In this blog post we will share a snippet to fetch data from API route with useState and useEfeect hooks in react app.

forward

Get Started With ReactJS 2020

ReactJS or React is a JavaScript library to create and design interactive user interfaces. Following is a list of steps/commands to get started with ReactJS/ React App.

forward

How To Access Block Directory Inside Gutenberg Block.js File?

Sometimes, we need to access the block directory url inside Gutenberg block.js file (see following scenario). Let’s say that inside the block folder you have an images folder containing logo.png image and you want to access that image inside the block.js file. In this blog post we will learn how to access the image inside images folder from block.js file.

forward

Add Custom Button In Formatting Toolbar – Gutenberg Block Development

WordPress provides Format API to add custom buttons in formatting toolbar to apply specific styles to the selected text. When a format is applied to a text selection, the text selection is wrapped with HTML tag. In this tutorial, we will learn how to register a new format, add a button in the toolbar and apply the format when the button is clicked.

forward