Algobook
- The developer's handbook
mode-switch

Articles

Suggestions of topics you want covered?Contact us
Filter on category
React
JavaScript
TypeScript
APIs and algorithms
NodeJs
Next.js
Google Cloud
Machine learning
Other
Java

React

icon
All articles about React
Webcam component in React for taking photos that can be downloaded or sent to an API-thumbnailWebcam component in React for taking photos that can be downloaded or sent to an APIA tutorial on how we can create a component that accesses the webcam and take photos. We will make the image downloadable and prepare it to be added to form data to POST it to an API.
Wed Jun 21 2023
Update state in React for objects and arrays-thumbnailUpdate state in React for objects and arraysA guide on how to work with objects and arrays in React states. We will remove, add and update enitities in the state and explain the cause of mutation in React states.
Thu Jun 15 2023
Implement an add to cart feature in React-thumbnailImplement an add to cart feature in ReactA tutorial on how to implement an add to cart feature for a webshop, using React, context API and JavaScript
Wed Jun 14 2023
Create a QR code generator in React-thumbnailCreate a QR code generator in ReactA tutorial on how to build a QR code generator in React using a free API from Algobook.
Sun Jun 04 2023
Tabs component in React with icon support-thumbnailTabs component in React with icon supportIn this tutorial we will create a Tabs component that we can use in our application for showing different type of content.
Sun May 28 2023
Build a full stack application with React and NodeJs-thumbnailBuild a full stack application with React and NodeJsA tutorial on how to build a simple full stack application with React in the client side and NodeJs in the backend.
Sat May 27 2023
How to make pages in React scroll to top automatically-thumbnailHow to make pages in React scroll to top automaticallyA short tutorial on how we can make our pages always scroll to the top once navigated to. We will create a custom hook that we can implement in our pages.
Tue May 23 2023
Create a contact us form in React with email integration using a free API-thumbnailCreate a contact us form in React with email integration using a free APIA tutorial on how we can create a contact us form with just using React with a 100% free Email API integration.
Tue May 23 2023
Create a responsive sidebar menu in React with a visibility toggle-thumbnailCreate a responsive sidebar menu in React with a visibility toggleA tutorial on how to create a responsive sidebar in React with icons, links, visibility toggle and a slide in animation. We will also share example how to get it to work with react router dom using NavLinks.
Fri May 19 2023
A react component for displaying Adsense ads-thumbnailA react component for displaying Adsense adsA guide on how we can create a component in react for displaying ads from Adsense
Fri May 19 2023
How to achieve a typing animation on a text-thumbnailHow to achieve a typing animation on a textA short tutorial on how to achieve a typing animation effect on a text, using css and React.
Fri May 19 2023
How to use React router v6 - render child routes with outlet-thumbnailHow to use React router v6 - render child routes with outletA tutorial on how we can render child routes with react router dom v6. We will add a header, footer and a page container which will change depending on child route.
Thu May 18 2023
Create API tester component in React with JSON response code block-thumbnailCreate API tester component in React with JSON response code blockA tutorial on how to create a component in React which can test an API and show the JSON response in a nice formatted container.
Tue May 16 2023
How to call an async function in useEffect hook-thumbnailHow to call an async function in useEffect hookA short example of how to call an async operation in useEffect hook in React.
Mon May 15 2023
How to get previous render value in React - useRef-thumbnailHow to get previous render value in React - useRefA tutorial on how we can get a previous render value in React using useRef hook. We will create a custom hook called usePrevious that we can reuse across our project.
Mon May 15 2023
useCallback hook in React-thumbnailuseCallback hook in ReactA guide on how useCallback works in React.
Mon May 15 2023
useMemo hook in React-thumbnailuseMemo hook in ReactA guide on how useMemo works in React.
Mon May 15 2023
Dark mode theme toggling in a React application-thumbnailDark mode theme toggling in a React applicationA guide on how to achieve dark mode theme in a React application with a toggle. We will use React context to solve the problem.
Sun May 14 2023
UseEffect hook in React - mount, unmount and prop changes-thumbnailUseEffect hook in React - mount, unmount and prop changesA guide on how useEffect hook works. This guide will cover when component mounts, unmounts and also when properties are changing.
Thu May 11 2023
File input onChange not called second time the file is chosen-thumbnailFile input onChange not called second time the file is chosenA short guide on how to solve the issue when the same file is selected twice with a file input in React
Wed May 10 2023
How to scrape a website from a React application-thumbnailHow to scrape a website from a React applicationA tutorial of how we can do website scraping from a React application. We will use reactjs-scraper in this tutorial.
Mon May 08 2023
How to do a count down timer in React-thumbnailHow to do a count down timer in ReactA demo on how to do a simple count down timer in React.
Sun May 07 2023
SEO for React SPA application - My personal experience for how to succeed.-thumbnailSEO for React SPA application - My personal experience for how to succeed.I will share my takes on how to succeed on Google search and how I work with SEO for my React SPA applications to get the best possible results. This is my personal takes, and what I think is the best way.
Thu May 04 2023
How to do a progress animation in React-thumbnailHow to do a progress animation in ReactA tutorial on how to achieve a progress animation in React, using css.
Thu May 04 2023
How to resize and rotate images using React-thumbnailHow to resize and rotate images using ReactI guess we all have encountered a scenario where we needed to resize an image. Profile pic on a certain platform, some online tool for ordering a photo book and the list goes on. Today, we will show how we can resize images in React, so that you perhaps could be the next hero in someones life that are desperatly searching for an online resize tool!
Tue May 02 2023
How to preview a chosen image from local disk in React with file input field-thumbnailHow to preview a chosen image from local disk in React with file input fieldToday we will learn how to display an image that we have choosen with an input field in React.
Tue May 02 2023
Number keyboard issue in Safari for inputs with type number-thumbnailNumber keyboard issue in Safari for inputs with type numberIn this short guide, we will show how to fix the issue with number keyboard on Safari with <input type="number" />
Mon May 01 2023
How to style a file upload input-thumbnailHow to style a file upload inputIn this tutorial, we will apply some custom styling to our file upload input field.
Mon May 01 2023
Create an input field with integrated select element in React-thumbnailCreate an input field with integrated select element in ReactIn this tutorial, we will demonstrate how to create an input field with an integrated select in React. Enjoy!
Fri Apr 28 2023
Empty options on select component in Safari browser-thumbnailEmpty options on select component in Safari browserRecently, I published a new widget to NPM. When I tried it out, I saw my <select> component were missing all the <options> on my Iphone on Safari browser. I will share how to fix this in this short tutorial!
Thu Apr 27 2023
Create a simple analog clock in React-thumbnailCreate a simple analog clock in ReactLet's create a simple analog watch in React. To simulate the second dial, we will utilize requestAnimationFrame to make the browser work at its best. Enjoy!
Wed Apr 26 2023
Create a custom card component in React-thumbnailCreate a custom card component in ReactIn this tutorial we will show how to create a custom card component in React. The final result will look like our article cards we are using on algobook.info.
Mon Apr 17 2023
Switch between icons with animation in React-thumbnailSwitch between icons with animation in ReactIn this tutorial we will show how we can change between two icons with a smooth animation in React.
Sun Apr 16 2023
Create a Collapsable list component in React-thumbnailCreate a Collapsable list component in ReactIn this tutorial, we will show how to make a collapsable list component in React. Collapsable lists are great when you have a lot of grouped content that you want to be able to hide/show based on the users preferences.
Sat Apr 15 2023
Build and publish your React component to npmjs.com-thumbnailBuild and publish your React component to npmjs.comHave you just created an amazing component or library that you just can't wait to share with the world, but don't know how to do it? This tutorial will have your back!
Sat Apr 15 2023
Create a React application from scratch-thumbnailCreate a React application from scratchSometimes, it makes more sense to create a React application from scratch instead of the well known create-react-app command which gives us what we want, and sometimes, even more. In todays guide, we will set up a basic React application from scratch.
Tue Apr 11 2023
Get current position of user in JavaScript-thumbnailGet current position of user in JavaScriptWe will show how we can get the current location of a user using the navigator.geolocation API. We will then display the latitude and longitude in a simple React component.
Mon Apr 10 2023
Simple CMS implementation in React with websocket server in NodeJs-thumbnailSimple CMS implementation in React with websocket server in NodeJsIn this tutorial, we will create a simple CMS that we will connect to our main application through websockets. Our main application will then show a banner with the data comming from the CMS through the websockets. Enjoy!
Sat Apr 08 2023
Implement an Active users counter component with live updates through Websockets-thumbnailImplement an Active users counter component with live updates through WebsocketsWebsockets are an amazing communication protocol that enables applications to provide live updates. Imagine if you would need to refresh a chat application in order to get the new messages, or if the price updates on stocks were stale.. In this tutorial we are creating a basic websockets server in NodeJs and a client in ReactJs to display current active users.
Fri Apr 07 2023
Cookie policy banner in React with Google Analytics consents-thumbnailCookie policy banner in React with Google Analytics consentsIn this guide we will create a cookie banner in React with a slide up animation. The banner will be fully responsive for both desktop and mobile devices and we will add logic for Google Analytics cookie consents a well.
Mon Apr 03 2023
How to create an animated burger menu button in React-thumbnailHow to create an animated burger menu button in ReactFollow along when we create an animated burger menu button in React!
Fri Mar 31 2023
How to setup React application with typescript using create-react-app-thumbnailHow to setup React application with typescript using create-react-appIn this guide, we will show how we can set up a React application with TypeScript (tsx) and sass modules. Also how we can migrate a regular .jsx project to start using TypeScript!
Thu Mar 30 2023
How to create a scroll to top floating button in React-thumbnailHow to create a scroll to top floating button in ReactHave you ever seen one of those floating buttons in the bottom of the screen which are smoothly scrolling you up to the top of the screen? Have you ever wanted one on your page? Then this is the tutorial for you!
Wed Mar 29 2023
A simple tab filter component in React-thumbnailA simple tab filter component in ReactIn this guide we will show how to make a simple filter component in React using tabs. We will create some test data and filter them out with our new component.
Tue Mar 28 2023
How to upload and read files using React-thumbnailHow to upload and read files using ReactIn this tutorial we will demonstrate how to upload files using React. And also how we can retrive and show images from an API.
Thu Mar 23 2023
Using memo in React-thumbnailUsing memo in ReactIn this guide, we will take a look at memo, and what it does to our React component.
Wed Mar 22 2023
How to create custom hooks in React-thumbnailHow to create custom hooks in ReactIn this tutorial we will demonstrate how we can build our own hooks in React and use them in a component.
Tue Mar 21 2023
How to use context in React application-thumbnailHow to use context in React applicationIn this tutorial, we will explore the React context and the usage of useContext() and useReducer() hooks. We will demonstrate how we can use both local app state updates and API calls using React context.
Mon Mar 20 2023
How to deploy a React app to Cloud run using Cloud build and Github trigger-thumbnailHow to deploy a React app to Cloud run using Cloud build and Github triggerA guide to deploy a React application created by create-react-app to Cloud Run using Cloud Build and Github trigger.
Fri Mar 17 2023

JavaScript

icon
All articles about JavaScript
Binary trees JavaScript-thumbnailBinary trees JavaScriptGuide and implementation of binary trees in JavaScript with functions for inserting nodes, deleting and print the tree and nodes.
Sat Aug 12 2023
Event loop in JavaScript-thumbnailEvent loop in JavaScriptArticle about the event loop in JavaScript. In depth guide on how it works, and why it exists.
Wed Aug 09 2023
Binary conversion in JavaScript-thumbnailBinary conversion in JavaScriptTutorial on how to convert binary nunmber to decimal and decimal to binary number
Sun Jul 09 2023
How to use interceptors with axios in JavaScript-thumbnailHow to use interceptors with axios in JavaScriptTutorial on how to use interceptors with axios in JavaScript. Interceptors are great when we want to apply common request configs in one place and not duplicate the code.
Thu Jul 06 2023
Currying in JavaScript-thumbnailCurrying in JavaScriptArticle about currying in JavaScript. Examples and explanations about the concept.
Sun Jun 25 2023
How to convert fraction to percentage in JavaScript-thumbnailHow to convert fraction to percentage in JavaScriptQuick tutorial on how to convert fractions to percentage in JavaScript
Tue Jun 06 2023
Convert shoe sizes in JavaScript-thumbnailConvert shoe sizes in JavaScriptA tutorial on how we can convert shoe sizes in JavaScript. We will transform millimeter or inches to EU/US/UK sizes
Mon Jun 05 2023
How to create a quit smoking calculator in JavaScript-thumbnailHow to create a quit smoking calculator in JavaScriptA short tutorial on how we can create a calculator for why people should stop smoking. We will calculate the total cost per year, smokes per year and also how much money that can be saved
Mon Jun 05 2023
New Array.prototype functions in JavaScript 2023-thumbnailNew Array.prototype functions in JavaScript 2023A guide on new functions in arrays in JavaScript. We will take a look at toReversed, toSpliced, toSorted, with, findLastIndex and findLast.
Sat Jun 03 2023
How to use an imported image as file in form data in Javascript-thumbnailHow to use an imported image as file in form data in JavascriptA short tutorial on how we can use an imported image file as a blob in our form data to post to our API.
Fri Jun 02 2023
Converting time in JavaScript-thumbnailConverting time in JavaScriptToday we will learn how we can convert time in JavaScript. We will work with seconds, minutes and hours.
Wed May 24 2023
Converting length in JavaScript-thumbnailConverting length in JavaScriptIn this guide, we will convert some length units in JavaScript. We will cover both the metric and the imperial systems.
Wed May 24 2023
Callbacks in JavaScript - explanation and examples-thumbnailCallbacks in JavaScript - explanation and examplesWhat is a callback function? How does it work? In this tutorial, we will explain and show some examples in JavaScript.
Wed May 24 2023
How to build your JavaScript to a public lib on npmjs.com-thumbnailHow to build your JavaScript to a public lib on npmjs.comA complete guide on how we can create a library in JavaScript and transpile it to production ready code and publish to npmjs.com. We will cover how to set babel up, package.json and also make it support TypeScript.
Mon May 22 2023
How to time our code execution in JavaScript-thumbnailHow to time our code execution in JavaScriptA short guide on how we can time our code execution with the built in function in JavaScript, console.time and console.timeEnd
Tue May 16 2023
Async await vs Promise in JavaScript-thumbnailAsync await vs Promise in JavaScriptAn article on the difference between async await and promise in JavaScript. We will show examples of both in real life scenarios.
Mon May 15 2023
Check if a word is a palindrome in JavaScript-thumbnailCheck if a word is a palindrome in JavaScriptIn this short tutorial, we will check if a word is a palindrome. We will solve it using plain JavaScript.
Sun May 14 2023
Function for reversing a string in JavaScript-thumbnailFunction for reversing a string in JavaScriptA short guide on how we can create a function for reversing a string in JavaScript
Sun May 14 2023
Check if two dates are on the same day in JavaScript-thumbnailCheck if two dates are on the same day in JavaScriptTutorial of how we can check if two dates are on the same day, or if it is tomorrow, in plain JavaScript without any external libs.
Sat May 13 2023
How to flatten an array in JavaScript-thumbnailHow to flatten an array in JavaScriptAn article on how we can flatten arrays in JavaScript. We will show both arrays with just numbers but also arrays of objects. We will use Array.prototype.flat() in this guide.
Fri May 12 2023
How to programatically format JSON in JavaScript-thumbnailHow to programatically format JSON in JavaScriptA short guide on how we can programatically format a JSON object in JavaScript to beautify our output.
Thu May 11 2023
How to work with rest and spread operations in JavaScript-thumbnailHow to work with rest and spread operations in JavaScriptA short guide on how rest and spread operators work in JavaScript.
Tue May 09 2023
How to copy to clipboard in JavaScript-thumbnailHow to copy to clipboard in JavaScriptA short guide on how we copy text to the clipboard in JavaScript.
Sun May 07 2023
How to calculate the percentage of a number in JavaScript-thumbnailHow to calculate the percentage of a number in JavaScriptIn this guide, we will briefly show how we can calculate the percentage of a number in JavaScipt.
Tue May 02 2023
Array.reduce() function in JavaScript-thumbnailArray.reduce() function in JavaScriptIn this guide, we will show some examples of how we can use Array.reduce function in JavaScript. We will do some total sum of a particular value and finding the smallest and highest number in an array of objects. Enjoy!
Tue Apr 25 2023
Speed conversion in JavaScript-thumbnailSpeed conversion in JavaScriptIn this post, we will do some speed conversion in JavaScript. We will convert between mp/h to km/h, m/s to mp/h and so on. Follow along to learn more about speed conversion!
Sat Apr 22 2023
How to use Promise.all in JavaScript to speed up your API requests-thumbnailHow to use Promise.all in JavaScript to speed up your API requestsYou're looking for a way to speed up your API calls? You've heard of Promise.all() but don't really know how to use it? In this guide, we will show some cases where we can use it, and how!
Fri Apr 21 2023
Convert Celsius to Farenheit and vice versa in JavaScript-thumbnailConvert Celsius to Farenheit and vice versa in JavaScriptIn this tutorial we will do some conversion. We will first convert Celsius to Farenheit, and then Farenheit to Celsius.
Thu Apr 20 2023
Group objects from an array in JavaScript-thumbnailGroup objects from an array in JavaScriptIn this example, we will show how to group properties and objects from an array into a grouped object in JavaScript.
Mon Apr 10 2023
Get current position of user in JavaScript-thumbnailGet current position of user in JavaScriptWe will show how we can get the current location of a user using the navigator.geolocation API. We will then display the latitude and longitude in a simple React component.
Mon Apr 10 2023
Calculate percentage difference between two numbers in Javascript-thumbnailCalculate percentage difference between two numbers in JavascriptIn this short tutorial, we will create a function for calculating the difference in percentage between two numbers in JavaScript.
Sat Apr 08 2023
How to calculate percentage change between two numbers in Javascript-thumbnailHow to calculate percentage change between two numbers in JavascriptIn this guide, we will create a function for calculating the change in percentage between two numbers in JavaScript.
Sat Apr 08 2023
Harris-Benedict formula in JavaScript - Maintenance calories calculator-thumbnailHarris-Benedict formula in JavaScript - Maintenance calories calculatorAre you a health freak? Are you on a weight journey? Do you have a fitness blog where you want to have a cool calorie calculator but don't know any good formulas? Don't worry, we got you covered!
Fri Apr 07 2023
Roman numerals converter in JavaScript-thumbnailRoman numerals converter in JavaScriptA common problem that an employer might want you to solve, is to convert a number to a roman numeral. In this guide, we will take a look at how we can solve it in JavaScript.
Thu Apr 06 2023
How to remove duplicates in an Array in Javascript-thumbnailHow to remove duplicates in an Array in JavascriptA short demonstration on how to filter out duplicates in an array in JavaScript.
Thu Apr 06 2023
Filter arrays in JavaScript-thumbnailFilter arrays in JavaScriptAre you in need to filter data depending on certain input? For example if you want to quickly filter your data based on a search query? In this guide, we will share some examples of how to use the Array.filter() function.
Wed Apr 05 2023
Sort arrays in JavaScript-thumbnailSort arrays in JavaScriptHaving the ability to sort data depending on a specific value is crucial when it comes to developing any application. In todays post we will take a look at Array.sort() in JavaScript, and show examples of how we can use it. We will do sorting of primitive arrays and also sort arrays of objects.
Tue Apr 04 2023
Map arrays in JavaScript-thumbnailMap arrays in JavaScriptIn todays guide, we will take a look at the function Array.map() and share some good examples how to use it.
Tue Apr 04 2023
Calculating compound growth in JavaScript-thumbnailCalculating compound growth in JavaScriptIn this tutorial, we will create two algorithms for a known scenario in the world of finances. One for calculating compound growth, and one for calculating compound growth with regards to monthly deposits. Enjoy!
Mon Mar 27 2023

TypeScript

icon
All articles about TypeScript
Dependency injection using decorators in TypeScript-thumbnailDependency injection using decorators in TypeScriptA cool tutorial about how we can use decorators to implement dependency injection in TypeScript, from scratch.
Fri Feb 23 2024
Create a Scheduler annotation in TypeScript-thumbnailCreate a Scheduler annotation in TypeScriptA short (but fun) tutorial on how we can create a scheduler annotation in TypeScript. We will use decorators to implement it.
Fri Feb 23 2024
Implement a web API framework with Decorators in TypeScript-thumbnailImplement a web API framework with Decorators in TypeScriptIn this tutorial, we will create a custom made web framework in TypeScript using Decorators and Express. The result will be a simple version of Nest.js.
Thu Feb 22 2024
Implement a sudoku validator in TypeScript-thumbnailImplement a sudoku validator in TypeScriptIn this tutorial, we will implement a sudoku validator in TypeScript. We will check if a sudoku is valid or not. And as a bonus, we will also implement a 'sudoku generator' that will create a valid sudoku game.
Fri Feb 09 2024
Create a JSON object from a TypeScript class and reverse-thumbnailCreate a JSON object from a TypeScript class and reverseIn this tutorial, we will create a function in our TypeScript class that will generate a JSON representation of our class and then we will reverse it by allowing our class being initialized by a JSON string.
Mon May 29 2023
Setup a TypeScript project from scratch-thumbnailSetup a TypeScript project from scratchIn this tutorial we will show how we can create a project from scratch that are using TypeScript. We will transpile the code into production ready JavaScript code using babel.
Tue Apr 25 2023
Enums in TypeScript-thumbnailEnums in TypeScriptIn this tutorial we will share some example on how enums work in TypeScript and what they can be good for.
Mon Apr 03 2023
Interfaces in TypeScript-thumbnailInterfaces in TypeScriptWhat is interfaces in TypesScript? What are they good for? In this guide, we will share a lot of examples and code snippets on how to use interfaces.
Sun Apr 02 2023
Generics in TypeScript-thumbnailGenerics in TypeScriptIn this post we will take a look at generics in Typescript. Generics are a powerful way of making our code reusable and are widely used in many known languages. Hope you enjoy this post!
Sun Mar 26 2023
Decorators in TypeScript-thumbnailDecorators in TypeScriptIn this post we will dig down in the experimental feature, Decorators, in TypeScript and do some cool examples.
Fri Mar 24 2023
Singleton pattern in TypeScript-thumbnailSingleton pattern in TypeScriptLet's take a look at the Singleton pattern and how to implement it in TypeScript.
Tue Mar 21 2023
Factory pattern in TypeScript-thumbnailFactory pattern in TypeScriptLet's take a look at the Factory pattern and how to implement and use in TypeScript. Follow along and see how you can implement it in your project!
Sun Mar 19 2023
Builder pattern in TypeScript-thumbnailBuilder pattern in TypeScriptWhat is builder pattern? When is it used? Why is it used? In this article, we will dig down in all those questions and after reading it, you will have all the necessary understanding of the builder pattern. Enjoy!
Sat Mar 18 2023

APIs and algorithms

icon
All articles about APIs and algorithms
Quicksort algorithm in JavaScript-thumbnailQuicksort algorithm in JavaScriptA tutorial on how to implement the known algorithm, quicksort, in JavaScript using recursive programming.
Mon Aug 21 2023
Merge sort algorithm in JavaScript-thumbnailMerge sort algorithm in JavaScriptA tutorial on how to implement the known algorithm, merge sort, in JavaScript using recursive programming.
Mon Aug 14 2023
How to get historical sport events in JavaScript-thumbnailHow to get historical sport events in JavaScriptA tutorial on how we can retrieve winners of historical sport events in JavaScript for free. We will utilize our own free Sport winner API in this article.
Fri May 26 2023
Caesar algorithm - Encrypt and decrypt-thumbnailCaesar algorithm - Encrypt and decryptIn this guide we will use the Caesar cipher to encrypt and decrypt messages in JavaScript.
Sun May 14 2023
Find prime numbers in JavaScript-thumbnailFind prime numbers in JavaScriptA short demonstration on how we create an algorithm for finding prime numbers in JavaScript
Sun May 14 2023
A free API for hashing passwords-thumbnailA free API for hashing passwordsA short tutorial on how we can use a free API to hash and compare passwords for our applications user management
Sun May 14 2023
Free city API tutorial-thumbnailFree city API tutorialA tutorial on how to retrieve information about a city on a free API
Fri May 12 2023
Free weather API tutorial-thumbnailFree weather API tutorialA tutorial on how to retrieve weather forecast through a free weather API
Tue May 09 2023
How to make NPM not publish src/ and other private files to your lib-thumbnailHow to make NPM not publish src/ and other private files to your libIn this short post, we will show how to make NPM ignore project files you not want to get uploaded to npmjs.com for your library.
Wed May 03 2023
API for getting exchange currency rates-thumbnailAPI for getting exchange currency ratesIn this tutorial, we will take a look at how we can get the current exchange rates and do some currency exchanges in JavaScript using our own free API at Algobook.
Sat Apr 29 2023
Get real time stock prices in your application for free-thumbnailGet real time stock prices in your application for freeIn this tutorial, we will explore our own API that we have published here on Algobook that provides real time stock prices and price changes for free. Enjoy!
Sat Apr 29 2023
Speed conversion in JavaScript-thumbnailSpeed conversion in JavaScriptIn this post, we will do some speed conversion in JavaScript. We will convert between mp/h to km/h, m/s to mp/h and so on. Follow along to learn more about speed conversion!
Sat Apr 22 2023
Convert Celsius to Farenheit and vice versa in JavaScript-thumbnailConvert Celsius to Farenheit and vice versa in JavaScriptIn this tutorial we will do some conversion. We will first convert Celsius to Farenheit, and then Farenheit to Celsius.
Thu Apr 20 2023
Build and publish your React component/library to npmjs.com-thumbnailBuild and publish your React component/library to npmjs.comHave you just created an amazing component or library that you just can't wait to share with the world, but don't know how to do it? This tutorial will have your back!
Sat Apr 15 2023
Harris-Benedict formula in JavaScript - Maintenance calories calculator-thumbnailHarris-Benedict formula in JavaScript - Maintenance calories calculatorAre you a health freak? Are you on a weight journey? Do you have a fitness blog where you want to have a cool calorie calculator but don't know any good formulas? Don't worry, we got you covered!
Fri Apr 07 2023
Roman numerals converter in JavaScript-thumbnailRoman numerals converter in JavaScriptA common problem that an employer might want you to solve, is to convert a number to a roman numeral. In this guide, we will take a look at how we can solve it in JavaScript.
Thu Apr 06 2023
A guide on how to use NHL API in NodeJs-thumbnailA guide on how to use NHL API in NodeJsIn this post we will explore the API that NHL are providing. We will take a look at different endpoints, such as getting team data, player stats and more. We will set up a NodeJs express server with some endpoints which we will try out in Postman.
Sat Apr 01 2023
Calculating compound growth in JavaScript-thumbnailCalculating compound growth in JavaScriptIn this tutorial, we will create two algorithms for a known scenario in the world of finances. One for calculating compound growth, and one for calculating compound growth with regards to monthly deposits. Enjoy!
Mon Mar 27 2023
Tutorial on Yahoo Finance API in JavaScript and NodeJs-thumbnailTutorial on Yahoo Finance API in JavaScript and NodeJsA tutorial on how to use Yahoo Finance API in a NodeJs server using JavaScript.
Tue Mar 21 2023

NodeJs

icon
All articles about NodeJs
How to create and decode QR codes in NodeJs-thumbnailHow to create and decode QR codes in NodeJsIn this tutorial, we will show how we can create QR codes using NodeJs and also how to decode already created QR codes.
Fri Jun 02 2023
Introduction to web scraping with Puppeteer-thumbnailIntroduction to web scraping with PuppeteerA guide on how to scrape a website using Puppeteer. We will see how we can retrieve the content of https://react.dev and print in the console.
Tue May 30 2023
Build a full stack application with React and NodeJs-thumbnailBuild a full stack application with React and NodeJsA tutorial on how to build a simple full stack application with React in the client side and NodeJs in the backend.
Sat May 27 2023
How to convert a text file and its content to a JSON file with correct structure-thumbnailHow to convert a text file and its content to a JSON file with correct structureA guide on how to create a JSON file from a txt file in NodeJs. We will also make sure that the content is formatted in correct JSON format.
Tue May 23 2023
How to send email in NodeJs with Gmail - using nodemailer-thumbnailHow to send email in NodeJs with Gmail - using nodemailerA guide on how to use Gmail and Google OAuth 2.0 to send emails with NodeJs and nodemailer.
Mon May 22 2023
How to send email in NodeJs with a Yahoo mail using nodemailer-thumbnailHow to send email in NodeJs with a Yahoo mail using nodemailerA tutorial on how to send emails in NodeJs using nodemailer. Our sender email will be a Yahoo address and we will cover how to authenticate using app passwords.
Sun May 21 2023
Fast and easy way to secure your Node express API using Helmet-thumbnailFast and easy way to secure your Node express API using HelmetA quick guide on how to secure a Node express API with helmet.
Tue May 16 2023
Hash passwords in NodeJs using bcrypt-thumbnailHash passwords in NodeJs using bcryptA tutorial on how to use bcrypt in NodeJs to hash passwords and compare them afterwards.
Fri May 12 2023
Setup puppeteer with Docker-thumbnailSetup puppeteer with DockerIn this guide we will show how to setup a puppeteer service in NodeJs with Docker.
Sat May 06 2023
Introduction to caching in a NodeJs API-thumbnailIntroduction to caching in a NodeJs APIIn this guide we will show how we can set up a simple cache in NodeJs. We will use node-cache library from npmjs.com in this article.
Sun Apr 30 2023
How to parse XML data to JSON in NodeJs-thumbnailHow to parse XML data to JSON in NodeJsIn this tutorial, we will show how we can parse XML in NodeJs in to a JSON object. We will use fast-xml-parser library in this guide.
Sat Apr 29 2023
Redis pub/sub in NodeJs-thumbnailRedis pub/sub in NodeJsIn this tutorial, we will demonstrate how to use pub/sub with Redis in NodeJs. We will setup two projects, one that will publish updates and one subscriber that will listen for the updates. We will also show how to use wildcards in Redis.
Mon Apr 24 2023
An introduction to Redis in NodeJs-thumbnailAn introduction to Redis in NodeJsIn todays guide, we will go through the basics of using Redis in Nodejs. We will learn to read and write to our cache and also flushing all data. Enjoy!
Sun Apr 23 2023
Datastore in GCP - Learn to add and get data from your Datastore using NodeJs.-thumbnailDatastore in GCP - Learn to add and get data from your Datastore using NodeJs.In this article, we will demonstrate how to add and get data from Datastore in GCP. We will use NodeJs for this tutorial.
Sun Apr 16 2023
How to deploy a NodeJs application to Cloud run using Cloud build and Github trigger-thumbnailHow to deploy a NodeJs application to Cloud run using Cloud build and Github triggerA guide on how to deploy a NodeJs application to Cloud Run using Cloud Build and Github trigger.
Fri Apr 14 2023
Simple CMS implementation in React with websocket server in NodeJs with push updates-thumbnailSimple CMS implementation in React with websocket server in NodeJs with push updatesIn this tutorial, we will create a simple CMS that we will connect to our main application through websockets. Our main application will then show a banner with the data comming from the CMS through the websockets. Enjoy!
Sat Apr 08 2023
Implement an Active users counter component with live updates-thumbnailImplement an Active users counter component with live updatesWebsockets are an amazing communication protocol that enables applications to provide live updates. Imagine if you would need to refresh a chat application in order to get the new messages, or if the price updates on stocks were stale.. In this tutorial we are creating a basic websockets server in NodeJs and a client in ReactJs to display current active users.
Fri Apr 07 2023
Middlewares is NodeJs and express-thumbnailMiddlewares is NodeJs and expressWhat is a middleware? How can we implement them in our express application? Answers to those two questions will be answered in this post, and more...
Sun Apr 02 2023
How to structure your express routers-thumbnailHow to structure your express routersIn this post we share some approaches on how we can clean up our express server and strucuture our routers to keep our code clean and scalable.
Fri Mar 31 2023
How to create a zip file in NodeJs-thumbnailHow to create a zip file in NodeJsIn this guide we will go through how we can create a zip file from two files in NodeJs using adm-zip lib. And how we can read it back from the zipped file.
Thu Mar 30 2023
How to read/write files in NodeJs-thumbnailHow to read/write files in NodeJsIn this tutorial we will demonstrate how to upload and read files in NodeJs. We will also set up some endpoints to make it accessible as a REST API for any consuming client.
Thu Mar 23 2023
Setup CORS in nodejs express app-thumbnailSetup CORS in nodejs express appIn this article we will setup a simple express server with CORS restrictions using cors library.
Thu Mar 16 2023