Categories
about-me

About Me

Hello! 👋🏾 I’m Mahmud Adeleye. And it’s a pleasure to have you here.

Who am I?
I’m an Infovore. Software Developer. Writer. Distributed Ledger Technology Consultant.

A Quick Summary: I’m fascinated with knowledge, and I love creating awesome stuff that helps improve lives. I’m particularly interested in the FinTech Industry and love working on cool FinTech ideas ….

Categories
blockchain React web3

Add a web3 connect button to your React App with TypeScript and Metamask.

Metamask is the most popular cryptocurrency wallet with over 10 Million monthly active users. Available as a browser extension and mobile app, Metamask provides key functionalities that make it easy to interact with the Ethereum blockchain and other notable chains like Binance, Avalanche, and Polygon. Web3 developers may use these capabilities to power decentralized apps (dApps), allowing users to perform blockchain-based transactions securely with a single sign-on.

In this article, we will use TypeScript to add a Metamask connect button to a basic React project. Google’s Firebase social login, which allows developers to build apps that authenticate users using their Google, Facebook, GitHub, and Twitter accounts, is a similar traditional web equivalent.

Let’s get started. 

Categories
AWS React

Create a Photo Feed App with React, Tailwind CSS and AWS Amplify

Introduction

Cloud-based web apps are increasingly becoming the standard way of creating and building applications due to the immense benefits they come with. This tutorial will show you how to build a full-stack cloud-based Instagram clone with AWS Amplify, React, and Tailwind CSS.  

Categories
JAMstack

A JAMstack Primer: Quick Guide to JAMstack for Absolute Beginners in 2022

Introduction 

JAMstack is increasingly becoming very popular amongst web developers, and you’re probably wondering if you should add this to your portfolio of skills too. You’re not alone in this situation.

Multi-billion dollar web platform, Netlify considers it as the modern approach to creating faster and secure websites. JAMStack-centric startups like Prismic are raising massive investor funds to develop awesome developer tools in the space. Web agencies love and prefer to build solutions for customers with it.     

So what is JAMstack?

Categories
React

Create and Deploy A React Application with Google Sheets API and Tailwind CSS

Introduction

Like its’ Microsoft counterpart Excel, Google Sheets has got a lot of powerful features we can use to improve our productivity. There are quite a number of indie startups whose goals are to help people master the use of Google sheets in powering web apps or even simple data trackers.

Categories
blockchain moralis React web3

Build a Token Dashboard with React Hooks, Moralis API, and Bootstrap CSS

Introduction

Ever since I discovered Moralis, I’ve always wanted to play around with the API to see its capabilities. If you’re interested in my work with QuickNode API, you can find it here

Categories
blockchain

A Simple Ethereum Blockchain Explorer with Javascript, QuickNode, and Tailwind CSS

Below is a screenshot of our app’s final version. 

HTML Starter

To get started, we will be setting up a basic HTML file called index.html. Since we will be using Tailwind CSS, the Tailwind HTML starter template is a good starting point. We will also be using the CDN link for styles.

N.B. We will be using this since we’re just running a test setup. Using the npm installation is advised for production setups and not the CDN link.

Categories
privacy

You Do Have Something To Hide – Why You Should Worry About Your Online Privacy

In November 2020, just after the news broke out about how a popular app with almost 100 million downloads misused its users’ location data, a friend of mine publicly responded, “I see no reason why anyone should stop using the app. Other popular apps such as Facebook and Google use our data in unethical ways too. You should only be scared if you’ve got something to hide”.