When creating a react application/website, most of the pages would be sharing the same content all over. For example the navigation bar and page footer. Instead of importing each component in every page to be rendered, it is much easier and faster to just create a layout component. This post will cover how to create a react app using Layout Components. Live demo: https://hjpx0v.csb.app/ Source Code to the demo: https://github.com/achingachris/react-layout-demo Here is how to do it: ...

Postman is an API testing platform. You can use postman web platform: or the desktop application for testing your APIs. Postman can be used to test all API requests: get/put/create/delete If you are new to Postman, I’d suggest you go through their Bootcamp: https://web.postman.co/bootcamp I will be using the desktop application for the demos, they’re no big differences from using the web version of Postman. What this article covers: Creating collections Adding requests Creating environments and Variables Creating Collections: In Postman, collections are folders where you put all APIs with similar descriptions or projects together. It is a pretty neat way to organize your APIs for testing. ...

Making payments online should be seamless and less frustrating. I conquered my fear and tested out Flutterwave and I was really impressed. Here is how to create a simple payment form using Flutterwave and WordPress. What you’ll need Xampp WordPress Flutterwave Account (Test Mode/Live) To get started with WordPress in your local development environment, here is a step by step guide: How To Install WordPress in Windows Creating Flutterwave Account Create a flutterwave account. Go to settings, and under the API tab, you’ll get your API keys. ...

WordPress is a popular, open-source content management system (CMS) allowing users to create, edit, and manage websites and blogs quickly. WordPress is known for its user-friendly interface, extensive customization options, and vast plugins and themes, enabling users to add functionality and design elements to their websites without needing extensive coding knowledge. The platform is used for various websites, including personal blogs, business websites, e-commerce sites, online portfolios, and more. There are two main versions of WordPress: ...

Deploying NextJS to production By default, NextJS applications are easily deployable on Vercel with zero configurations. That doesn’t mean you shouldn’t explore what other platforms have to offer. To deploy a NextJS application, simply follow the steps below. If you want to start straight up without the hustle, use the button below: Create a Netlify Account On your browser, go to https://app.netlify.com/signup to create your Netlify account. ...

Hi There! Welcome to Data 101. In this article, I will take you through reading files using Python as you prepare to analyze them. I will be using Google’s Colaboratory tool as my IDE. You don’t have to install or set up anything on your laptop/computer to use it, simply go to https://research.google.com/colaboratory/ and create a new notebook. Reading CSV Files You’ll need to upload a data file. To do so, click on the folder icon on the far left of the Notebook: ...

Express JS is a backend framework that runs on Node JS. It really comes in handy when creating backend microservices for our applications. I will take you through simple steps in creating a simple API with Express. Installing dependencies This should be the simplest of all: On the project root, open up your terminal/CMD and install express using the following command: npm install express Create a server file While still on the root of your project, create a JavaScript file; app.js ...

Most of us use GitHub services frequently if not on a daily basis. If you are a student, GitHub offers student packages with great tools and freebies you could use. Check my article on Github’s Developer Pack for students. In this article, I will take you through using GitHub REST API to display your repos on your portfolio website. I will use postman to test the API. GitHub REST API Documentation. Playing With The API I’ll use postman to show you what the API can offer for your own personal use. For this, I’ll be using the endpoint to fetch a user’s repositories. ...

C# is a general-purpose, multi-paradigm programming language encompassing static typing, strong typing, lexically scoped, imperative, declarative, functional, generic, object-oriented, and component-oriented programming disciplines. In this article, I will take you through installing and setting up C#(c-sharp) environment on a Ubuntu OS(Operating System). Requirements: Ubuntu OS (20.0 and above) Internet Connection (For Installation) Command Line Skills (for the obvious LOL) Visual Studio Code Note that .NET is a C# library Installing .NET (Csharp) Start your terminal on Ubuntu; ...

@Hashnode is by far my best Developer blogging platform. One of the things making me love it is the use of markdown in writing and editing articles. If you just created a @Hashnode blog or thinking of creating one, then this is the best article for you. In few words, I will demonstrate how you can use markdown to create your articles. Join Hashnode Markdown, what is it? 👀 Markdown is a very simple mark-up language using plain text. (very simple 😁😁) ...

Learning never ends, especially for developers. That is why we have a lot of people who have sacrificed a lot to create great content for the developers’ ecosystem. In as much as most content can be gotten for free, we should be aware of vague content and/or resources that will make you think twice about your career. I have made a list of 10 developer channels that I highly recommend if you’d love to learn and keep yourself updated. ...

This is a hands-on code tutorial on how to fetch data using plain JavaScript and Displaying data on a simple HTML web page. When creating websites, there is a possibility that you’ll be getting data from an API. The data is in JSON, in most cases. How do I display the JSON is my HTML page using vanilla JS? Let’s do that in a few steps. JS has a built-in function called .fetch() that is used to ‘fetch’ data from external files or resources. ...

As Spotify says, “Listening is everything”. That’s it, after watching tutorials and reading articles, it’s a perfect chill zone to be on your headphones and listen to some developers talk on various topics. This is my playlist on my podcast library, it may help you keep up with all the daily updates on the dev zone… The StackOverflow Podcast It’s one of the most trusted podcasts trusted by developers worldwide. ...

Using Strapi https://strapi.io/ What is Strapi Strapi is a headless CMS A headless content management system, or headless CMS, is a back-end-only content management system that acts primarily as a content repository. A headless CMS makes content accessible via an API for display on any device, without a built-in front-end or presentation layer A list of headless cms - https://jamstack.org/headless-cms/ Creating a simple blog CMS with strapi Setup strapi project: Requirements Need to have nodejs(Version 10 and above) and npm. ...

All web developers are probably familiar with using the web console as their debugging tool. The most common way is using the famous console.log tool that JavaScript provides. The console has more than just the .log() method that could be helpful. Check out some of the methods you could use: 1. console.log() This is the most used method of all It outputs messages to the web console. The message may be of any data type. can also pass in variables and functions as parameters. ...