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.
forwardMonth: March 2020
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.
forwardChecklist For Developing A WordPress Website
WordPress is a very powerful and popular content management system to design and develop professional websites. In this blog post, we have provided a checklist for developing a WordPress website.
forwardIntroduction 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.
forwardOnline 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
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.
forwardGet 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.
forwardHow 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.
forwardCreate Gutenberg Template Using Inner Blocks
In previous blog posts, we have learned how to create custom Gutenberg blocks. In this tutorial we will learn how to create Gutenberg template with pre-defined blocks using inner blocks component.
forwardAdd 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