How to Pass Environment Variables to Apache Server
I was using the AWS SDK for PHP to access my S3 bucket but before I could access the bucket I needed to set some environment variables. The documentation talks about different ways of setting the secret key and the key id and the method I chose was to put the key data in a […]
How to use SendGrid Web API via PHP in Loalhost
I was working on an app for a client and I needed to send email from localhost. The scripting language that I was using was php and I was using WAMP as my server. So the first thing I did was to download the sendgrid php api since I did not have composer. After unzipping […]
Create an Expanding Search Box
In this blog post we will be creating a growing search box in React as seen in the image. As you can see initially it’s just a magnifying glass and when you hover your mouse over it, it expands. When you click inside and give it focus it will stay in expanded state. If you […]
How to Enable HTTPS / SSL in Localhost
In this blog post I will walk you through on how you can enable HTTPS on your localhost and install a SSL certificate. You might have good reasons to do this but in my case I had to test woocomerce api over https just so that I could have my development environment as close to […]
How to Lazy Load Images in React Using Intersection Observer API
In this blog post we are going to take a look at the Intersection Observer API and how we can use it to lazy load images and we will by using it in a React project. This can be useful when you have a grid of images and you want to load them when user […]
How to Create an Increment Decrement Control in React
In this blog post we are going to create an increment decrement control in React. This will be a profession reusable component so that you can use it anywhere in your project or in production. So let’s get started. First thing we will add is styled components. You can read more using the link but […]
Learn to Create a “Toss” Effect in React Using Hooks
In this blog post I am going to talk about how to create a toss effect in React. I took inspiration from this https://codepen.io/designcouch/pen/OJPdZxg which is using jQuery. Here is the React version: The idea is to add and remove class from the target element at specific time. For this we use the element classList […]
How To Fix 500 Internal Server Error
Did you recently update plugins on your WordPress website and all of sudden you see the 500 Internal Server Error? In simple terms it simply means the server encountered an error and is unable to display your website. When this error occurs users are usually unable to access the WordPress admin page and thus you […]
How to Create a Sidebar in React
In this blog post we are going to create a sidebar in React utilizing Semantic UI. Semantic React UI does ship with a sidebar component but the issue is that it gives a lot of errors and warnings. So I thought why not create our own sidebar component. The main idea is to use hooks […]
Learn how to Create reusable dialog box in Angular.
If you keep on creating dialog boxes in your Angular app within components then watch this video where we create a generic dialog box that can be used for things like user confirmation, file save confirmation etc. This way we create a service and let it handle the dialog box initiation and user interaction. Your […]