RSSAmplifier

Blog

TheQoder's Blog (jideabdqudus)

Articles to help you learn and master modern software technologies.

blog.abdulqudus.comRSS feed ↗15 posts

Latest posts

Scalable REST API Architecture with NestJS, Prisma, Swagger, & Docker: How To.

Introduction In today's rapidly evolving tech landscape, building robust, scalable, and maintainable backend services is a critical skill for developers. This article explores how to leverage modern technologies like NestJS, Docker, Swagger, and Pris...

How to Build a Basic Chatbot Using TensorFlow and JavaScript

We all come across chatbots when visiting various sites, while some of them operate behind real-human interaction, others are powered by AI. In this article, we'll walk through building a simple AI-powered chatbot using TensorFlow and JavaScript. The...

How to Run Localhost on Your Mobile Phone - A Step-by-Step Guide

Running localhost on your mobile phone can be a valuable tool for developers and tech enthusiasts alike. With localhost, you can test and run applications and websites on your mobile device, without the need for an external server. This of course is ...

Downloading base64 PDF in Javascript / React

I ran into this problem while trying to download a PDF from an API response and figured I'd create a post that solves this for myself and other Front-End developers. The Problem Files could be saved in the backend as base64 encoded strings, this is ...

How to use Debounce in React (Lodash)

As a user typing in an input field or performing a particular action - an efficient method of making requests from the API is to allow for user action to be completed before interacting with the API. This prevents your UI code from needing to process...

Image Optimization with NextJS

NextJS is fast becoming my favorite frontend framework because of the endless advantages over a basic React application, one of those said benefits would be the Built-in Image Component. In this article, we would take a look at the Image component fr...

Using Vuex in a Nuxt application.

In this article, I would show you how to get started with Vuex in a Nuxt project and build a small counter application in the easiest way possible. I will not be going into much detail on how Vuex works as the major focus would be its implementation ...

Code Splitting in React (An Overview)

Have you seen a message like this when you generate lighthouse report for an application? This is caused by sending large JavaScript payloads which in turn impacts the speed of your site significantly. Instead of shipping all the JavaScript to you...

8 UI Frameworks for your React App

React is an open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and has over 170k Github Stars making it the most popular framework (although stars may not be the best-ranking factor),...

Props vs State - React

In building a React project, you make use of props or states ( as the case may be ) across your application, in this article you would learn: What props are What states are How to use props and states in React components The difference between prop...

Setting up Redux with your React App

When building medium or large-scale applications it's a better practice to use a State management system like Context or Redux. In this guide, you will learn: What Redux is How Redux works How to setup Redux in a React app What is Redux? Redux is a...

Progressive Web Apps in React (PWA Guide)

In this article you will learn: What Progressive Web Apps (PWAs) are Rules of a PWA Create a React App as a PWA How to convert your existing React app to a PWA What is a Progressive Web App? A progressive web application (or PWA) is a web applicati...

Implementing a Linked List in Python: Easy as 1,2,3.

If you are learning data structures, a Linked List is one of the data structures you should know, albeit not so common, linked lists are similar to Lists (or arrays); you probably never heard or used them until now, but in the right context they prov...

Fetching data in React: Quick guide

Dog Fetching Stick (Cred: Pixabay) Fetching data from an API either from an external source or from the Backend of your application can be done in many ways. In this Quick guide, I would show you how to fetch data in a react app by making an HTTP req...

Lag Mobile App UI/UX Overview.

The Brief The UI/UX of this app is concentrated on the experiences of users of the lag mobile app available on the google play store. The App is a mobile application that helps to solve the problems experienced with navigating constantly through the ...