Node.js Project to Generate Single or Bulk Random Passwords Using generate-password Library in Javascript Full Project For Beginners

    npm i generate-password     Generate Password   Generate Password is a (relatively) extensive library for generating random and unique passwords. Install $ npm install generate-password --save Usage generate([options])…

Continue Reading Node.js Project to Generate Single or Bulk Random Passwords Using generate-password Library in Javascript Full Project For Beginners

Javascript Project to Build Animated Fidget Spinner in Browser Using HTML5 Full Project For Beginners

      index.html     <body> <div class="box"> <div class="spinner"> <div class="center"> <div class="grip"></div> </div> <div class="one"> <div class="outer-silver"> <div class="black"> <div class="inner-silver"> <div class="hole"></div> </div> </div> </div> </div>…

Continue Reading Javascript Project to Build Animated Fidget Spinner in Browser Using HTML5 Full Project For Beginners

Node.js Oxford Dictionary API Example to Find Meaning of Word in Javascript Full Project For Beginners

    index.js     const https = require("https"); const app_id = "<my app_id>"; const app_key = "<my app_key>"; const wordId = "ace"; const fields = "pronunciations"; const strictMatch =…

Continue Reading Node.js Oxford Dictionary API Example to Find Meaning of Word in Javascript Full Project For Beginners

Node.js Express COVID-19 Coronavirus Cases Tracker Using Country Name in EJS Template Using Javascript Full Project For Beginners

      git clone https://github.com/ShivanshGupta1/COVID-19-API     cd covid-19-api     npm i       index.js     const express = require('express'); const request = require('request'); const app…

Continue Reading Node.js Express COVID-19 Coronavirus Cases Tracker Using Country Name in EJS Template Using Javascript Full Project For Beginners

Javascript Project to Convert Local Image File to Data URI String in Browser

    index.html     <textarea name="results"></textarea><br /> <input type="file" name="image_file" id="image_file" /> <script> document.querySelector('#image_file').onchange = function(){ var reader = new FileReader(); reader.onloadend = function () { document.querySelector('textarea').value = reader.result;…

Continue Reading Javascript Project to Convert Local Image File to Data URI String in Browser

Node.js Tutorial to Encode/Decode DataURI Strings to JPG/PNG Images Using image-data-uri Library in Javascript Full Project For Beginners

    Image Data URI Library to easily decode/encode Data URI images Installation npm install image-data-uri CLI npm install image-data-uri -g npx image-data-uri --help Methods decode(dataURI) imageDataURI.decode('data:image/png;base64,SOMEPNGDATAURI/wD/') // RETURNS {…

Continue Reading Node.js Tutorial to Encode/Decode DataURI Strings to JPG/PNG Images Using image-data-uri Library in Javascript Full Project For Beginners

Node.js Express Project to Export Raw Text to JPG/PNG Image in Browser Using text-to-image Library in Javascript

    LIVE DEMO     https://freemediatools.com/texttoimage     Get Started     npm init -y     npm i express ejs text-to-image image-data-uri     index.js     const…

Continue Reading Node.js Express Project to Export Raw Text to JPG/PNG Image in Browser Using text-to-image Library in Javascript

Javascript Project to Build a Youtube Video URL Shortener in Browser Using Bootstrap4 & HTML5 Full Project For Beginners

    index.html     <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Youtube URL Shortener</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> </head> <body> <div class="container"> <h1…

Continue Reading Javascript Project to Build a Youtube Video URL Shortener in Browser Using Bootstrap4 & HTML5 Full Project For Beginners

Build a Social Media URL Shortener Using rebrandly API in Browser Using HTML5 & Javascript Full Project For Beginners

          index.html     <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Byte Size</title> <style> header { height: 60px; text-align: center; } main { background-color: #0087de; height: 900px;…

Continue Reading Build a Social Media URL Shortener Using rebrandly API in Browser Using HTML5 & Javascript Full Project For Beginners

End of content

No more pages to load