FULLSTACK DEVELOPER DAILY MORNING RS 23/06/2023
FULLSTACK DEVELOPER DAILY MORNING RS 23/06/2023
HTML-CSS ZIP
HTML-CSS2 ZIP
Scratchpad #1 – #6
console.log('Hello');
let score = 100;
let greeting = 'Hello World, Welcome to RST Forum.';
// console.log(greeting.toUpperCase());
console.log(greeting.indexOf('Welcome').toUpperCase());
// // // let age = 15;
// // // if (age > 18) {
// // // console.log('Hello');
// // // }
// // // if (age % 2 === 0) {
// // // console.log('Age is even');
// // // } else {
// // // console.log('Age is odd');
// // // }
// // // let age = 100;
// // // if (age >= 65) {
// // // console.log('Drinks are free');
// // // } else if (age >= 21) {
// // // console.log('You can enter and you can drink');
// // // } else if (age >= 18) {
// // // console.log("You can enter but can't drink");
// // // } else {
// // // console.log("You aren't allowed");
// // // }
// // let password = 'hello world@123';
// // if (password.length >= 6) {
// // if (password.indexOf(' ') !== -1) {
// // console.log('Password cannot contain spaces.');
// // } else {
// // console.log('Valid password');
// // }
// // } else {
// // console.log('Password is too short');
// // }
// // let isLoggedIn = 'johndoe';
// // if (isLoggedIn) {
// // console.log('Welcome to the site');
// // } else {
// // console.log('Sorry, please login to continue');
// // }
// // let age = 38;
// // if (age >= 18 && age < 21) {
// // console.log("You can enter but can't drink");
// // } else if (age >= 21 && age < 65) {
// // console.log('You can enter and you can drink');
// // } else if (age >= 65) {
// // console.log('Drinks are free');
// // } else {
// // console.log("You aren't allowed");
// // }
// let day = 70;
// switch (day) {
// case 1:
// console.log('Monday');
// break;
// case 2:
// console.log('Tuesday');
// break;
// case 3:
// console.log('Wed');
// break;
// case 4:
// console.log('Thu');
// break;
// case 5:
// console.log('Fri');
// break;
// case 6:
// console.log('Sat');
// break;
// case 7:
// console.log('Sun');
// break;
// default:
// console.log('Invalid day code');
// }
// // if (day === 1) {
// // console.log('Monday');
// // } else if (day === 2) {
// // console.log('Tuesday');
// // } else if (day === 2) {
// // console.log('Tuesday');
// // } else if (day === 2) {
// // console.log('Tuesday');
// // } else if (day === 2) {
// // console.log('Tuesday');
// // }
let statusCode = 'idle';
// statusCode === 'offline' ? console.log('red') : console.log('green');
let color =
statusCode === 'offline'
? 'red'
: statusCode === 'online'
? 'green'
: 'yellow';
// let color;
// if (statusCode === 'offline') {
// color = 'red';
// } else if (statusCode === 'online') {
// color = 'green';
// } else {
// color = 'yellow';
// }
console.log(color);
// // const product = [
// // 'iPhone 14',
// // 'Apple',
// // 'Some description...',
// // 100000,
// // 500,
// // true,
// // 'https://imgurl...',
// // ];
// // const product2 = {
// // discounted: true,
// // brand: 'Apple',
// // description: 'Some description...',
// // price: 100000,
// // inStock: 500,
// // name: 'iPhone 14',
// // imageUrl: 'https://imgUrl...',
// // 'hello world': 10000,
// // 100: true,
// // };
// const products = [
// {
// discounted: true,
// brand: 'Apple',
// description: 'Some description...',
// price: 100000,
// inStock: 500,
// name: 'iPhone 14',
// imageUrl: 'https://imgUrl...',
// 'hello world': 10000,
// 100: true,
// },
// {
// discounted: true,
// brand: 'Apple',
// description: 'Some description...',
// price: 100000,
// inStock: 500,
// name: 'iPhone 14',
// imageUrl: 'https://imgUrl...',
// 'hello world': 10000,
// 100: true,
// },
// {
// discounted: true,
// brand: 'Apple',
// description: 'Some description...',
// price: 100000,
// inStock: 500,
// name: 'iPhone 14',
// imageUrl: 'https://imgUrl...',
// 'hello world': 10000,
// 100: true,
// },
// ];
// for (let count = 0; count < 10; count++) {
// console.log(count, 'Hello World');
// }
// for (let num = 1; num <= 10; num++) {
// console.log(`${num}*${num}=${num * num}`);
// }
for (let count = 10; count > 0; count++) {
console.log(count, 'Hello World');
}
// // for (let i = 0; i <= 100; i += 5) {
// // console.log(`${i} - Hello World`);
// // }
// // const nums = [12, 34, 56, 34, 78, 54, 23, 12, 1000, 2000, 3000];
// // // for (let i = 0; i < nums.length; i++) {
// // // console.log(nums[i]);
// // // }
// // let total = 0;
// // for (let i = 0; i < nums.length; i++) {
// // total += nums[i];
// // }
// // console.log(total);
// // const movies = [
// // { movieName: 'Inception', rating: 3.8 },
// // { movieName: 'Avengers', rating: 3.0 },
// // { movieName: 'Iron Man', rating: 3.2 },
// // ];
// // for (let i = 0; i < movies.length; i++) {
// // const movie = movies[i];
// // console.log(`${movie.movieName} has a rating of ${movie.rating}`);
// // }
// // let fullName = 'John Doe';
// // let reversedFullName = '';
// // for (let i = fullName.length - 1; i >= 0; i--) {
// // reversedFullName += fullName[i];
// // }
// // console.log(reversedFullName);
// // for (let i = 0; i < 5; i++) {
// // console.log(`${i} - Outer Loop`);
// // for (let j = 0; j < 5; j++) {
// // console.log(` ${j} - Inner Loop`);
// // }
// // }
// const gameBoard = [
// [4, 64, 8, 4],
// [128, 32, 4, 16],
// [16, 4, 4, 32],
// [2, 16, 16, 2],
// ];
// let total = 0;
// for (let i = 0; i < gameBoard.length; i++) {
// for (let j = 0; j < gameBoard[i].length; j++) {
// total += gameBoard[i][j];
// }
// }
// console.log(total);
// for (let i = 0; i < 10; i++) {
// console.log(i);
// }
// let i = 0;
// while (i < 10) {
// console.log(i);
// i++;
// }
// const target = Math.floor(Math.random() * 10) + 1; // 3
// let guess = Math.floor(Math.random() * 10) + 1; // 2
// while (guess !== target) {
// console.log(`Target: ${target} | Guess: ${guess}`);
// guess = Math.floor(Math.random() * 10) + 1; // 3
// }
// console.log(`Done!!!\nTarget: ${target} | Guess: ${guess}`);
// const target = Math.floor(Math.random() * 10) + 1; // 3
// let guess = Math.floor(Math.random() * 10) + 1; // 2
// while (true) {
// console.log(`Target: ${target} | Guess: ${guess}`);
// if (guess === target) {
// break;
// }
// guess = Math.floor(Math.random() * 10) + 1; // 3
// }
// console.log(`Done!!!\nTarget: ${target} | Guess: ${guess}`);
// for (let i = 0; i < 20; i++) {
// if (i === 5) {
// break;
// }
// console.log(i);
// }
const nums = [12, 34, 56, 34, 78, 54, 23, 12];
// for (let i = 0; i < nums.length; i++) {
// console.log(nums[i]);
// }
// for (let num of nums) {
// console.log(num);
// }
// for (let char of 'hello world') {
// console.log(char);
// }
// const matrix = [
// [1, 4, 7],
// [9, 7, 2],
// [9, 4, 6],
// ];
// for (let row of matrix) {
// for (let col of row) {
// console.log(col);
// }
// }
// const cats = ['fashion', 'mobiles', 'books'];
// const prods = ['tshirt', 'samsung', '1984'];
// for (let i = 0; i < cats.length; i++) {
// console.log(cats[i], prods[i]);
// }
const productPrices = {
Apple: 80000,
OnePlus: 50000,
Samsung: 90000,
};
// for (let key of Object.keys(productPrices)) {
// console.log(key);
// }
// for (let value of Object.values(productPrices)) {
// console.log(value);
// }
for (let key of Object.keys(productPrices)) {
console.log(key, productPrices[key]);
}
for (let key in productPrices) {
console.log(key, productPrices[key]);
}
Scratchpad #7-8
// // function greet() {
// // console.log('Hello World');
// // console.log('Hello World');
// // console.log('Hello World');
// // console.log('Hello World');
// // }
// // greet();
// // greet();
// // greet();
// function flipCoin() {
// let num = Math.random();
// if (num > 0.5) {
// console.log('HEADS');
// } else {
// console.log('TAILS');
// }
// }
// flipCoin();
// function rollDie() {
// let roll = Math.floor(Math.random() * 6) + 1;
// console.log(`Rolled: ${roll}`);
// }
// function throwDice() {
// rollDie();
// rollDie();
// rollDie();
// }
// throwDice();
// function greet(name) {
// console.log(`Hello, my name is ${name}!`);
// }
// greet('John');
// greet();
// greet('Jane', 'World');
// function greet(name, message) {
// console.log(`${message}, my name is ${name}!`);
// }
// greet('John', 'Hello');
// greet('Jack');
// greet('Jane', 'World');
// function add(a, b) {
// console.log(a + b);
// }
// add(10, 5);
// function rollDie() {
// let roll = Math.floor(Math.random() * 6) + 1;
// console.log(`Rolled: ${roll}`);
// }
// function throwDice(times) {
// for (let i = 0; i < times; i++) {
// rollDie();
// }
// }
// throwDice(1);
// function greet(name, message) {
// return `${message}, my name is ${name}!`;
// }
// console.log(greet('Jack', 'Hi'));
// const result = greet('Jane', 'Hello');
// console.log(result);
// function isNumber(num) {
// if (typeof num !== 'number') {
// return false;
// }
// return true;
// }
// console.log(isNumber('0'));
// let fullName = 'John Doe';
// function greet() {
// let fullName = 'Jane Doe';
// console.log(fullName);
// }
// greet();
// console.log(fullName);
// let fullName = 'Jane Doe';
// if (true) {
// var fullName = 'John Doe';
// console.log(fullName);
// }
// console.log(fullName);
// for (var i = 0; i < 10; i++) {
// console.log(i);
// }
// console.log('THIS IS i OUTSIDE =', i);
let fullName = 'John Doe';
function outer() {
function inner() {
console.log(fullName);
}
console.log(fullName);
inner();
}
outer();
// var fullName;
// // // // // function add(a, b) {
// // // // // return a + b;
// // // // // }
// // // // // const result = add(10, 5);
// // // // // console.log(result);
// // // // // const asldkjfnasdf = add;
// // // // // console.log(add(10, 3));
// // // // // console.log(asldkjfnasdf(10, 4));
// // // // // function add(a, b) {
// // // // // return a + b;
// // // // // }
// // // // // const a = 10;
// // // // // const add = function (a, b) {
// // // // // return a + b;
// // // // // };
// // // // // console.log(add(10, 3));
// // // // // (function (a, b) {
// // // // // console.log(a - b);
// // // // // })(10, 5);
// // // // const math = [
// // // // function (a, b) {
// // // // return a + b;
// // // // },
// // // // function (a, b) {
// // // // return a - b;
// // // // },
// // // // function (a, b) {
// // // // return a * b;
// // // // },
// // // // function (a, b) {
// // // // return a / b;
// // // // },
// // // // ];
// // // // console.log(math[2](10, 4));
// // // // console.log(math[3](10, 4));
// // // // const math = {
// // // // pi: 3.141,
// // // // add: function (a, b) {
// // // // return a + b;
// // // // },
// // // // sub: function (a, b) {
// // // // return a - b;
// // // // },
// // // // mul: function (a, b) {
// // // // return a * b;
// // // // },
// // // // div: function (a, b) {
// // // // return a / b;
// // // // },
// // // // };
// // // // console.log(math.add(10, 5));
// // // // console.log(math.pi);
// // // // console.log(Math.PI);
// // // function math(a, b, fn) {
// // // return fn(a, b);
// // // }
// // // function add(a, b) {
// // // return a + b;
// // // }
// // // console.log(math(10, 6, add));
// // // console.log(
// // // math(2, 2, function (a, b) {
// // // return a - b;
// // // })
// // // );
// // // // Example 2
// // // function repeat(func, num) {
// // // for (let i = 0; i < num; i++) {
// // // func();
// // // }
// // // }
// // // function sayHello() {
// // // console.log('Hello World!');
// // // }
// // // function sayGoodbye() {
// // // console.log('Bye World!');
// // // }
// // // repeat(sayHello, 10);
// // // repeat(sayGoodbye, 5);
// // // // Example 3
// // // function randomPick(f1, f2) {
// // // let randNum = Math.random();
// // // if (randNum < 0.5) {
// // // f1();
// // // } else {
// // // f2();
// // // }
// // // }
// // // randomPick(sayHello, sayGoodbye);
// // function raiseBy(num) {
// // return function (x) {
// // return x ** num;
// // };
// // }
// // const square = raiseBy(2);
// // const cube = raiseBy(3);
// // console.log(square(3));
// // console.log(cube(3));
// // function isBetween(x, y) {
// // return function (num) {
// // return num >= x && num <= y;
// // };
// // }
// // const isUnderAge = isBetween(0, 18);
// // const canEnterButNotDrink = isBetween(18, 21);
// // const canDrink = isBetween(21, 65);
// // const isSenior = isBetween(65, 100);
// // console.log(isUnderAge(5));
// // console.log(canEnterButNotDrink(20));
// // console.log(canDrink(30));
// // console.log(isSenior(70));
// // setInterval(function () {
// // console.log('Hello World');
// // }, 1000);
// // function greet() {
// // console.log('Hello World');
// // }
// // greet();
// console.log(fullName);
// var fullName = 'Jane Doe';
// const hello = function () {
// console.log('Hello after 2 seconds');
// };
// hello();
Data
const products = [
{
id: 1,
title: 'iPhone 9',
description: 'An apple mobile which is nothing like apple',
price: 549,
discountPercentage: 12.96,
rating: 4.69,
stock: 94,
brand: 'Apple',
category: 'smartphones',
thumbnail: 'https://sample.com/data/products/1/thumbnail.jpg',
images: [
'https://sample.com/data/products/1/1.jpg',
'https://sample.com/data/products/1/2.jpg',
'https://sample.com/data/products/1/3.jpg',
'https://sample.com/data/products/1/4.jpg',
'https://sample.com/data/products/1/thumbnail.jpg',
],
},
{
id: 2,
title: 'iPhone X',
description:
'SIM-Free, Model A19211 6.5-inch Super Retina HD display with OLED technology A12 Bionic chip with ...',
price: 899,
discountPercentage: 17.94,
rating: 4.44,
stock: 34,
brand: 'Apple',
category: 'smartphones',
thumbnail: 'https://sample.com/data/products/2/thumbnail.jpg',
images: [
'https://sample.com/data/products/2/1.jpg',
'https://sample.com/data/products/2/2.jpg',
'https://sample.com/data/products/2/3.jpg',
'https://sample.com/data/products/2/thumbnail.jpg',
],
},
{
id: 3,
title: 'Samsung Universe 9',
description:
"Samsung's new variant which goes beyond Galaxy to the Universe",
price: 1249,
discountPercentage: 15.46,
rating: 4.09,
stock: 36,
brand: 'Samsung',
category: 'smartphones',
thumbnail: 'https://sample.com/data/products/3/thumbnail.jpg',
images: ['https://sample.com/data/products/3/1.jpg'],
},
{
id: 4,
title: 'OPPOF19',
description: 'OPPO F19 is officially announced on April 2021.',
price: 280,
discountPercentage: 17.91,
rating: 4.3,
stock: 123,
brand: 'OPPO',
category: 'smartphones',
thumbnail: 'https://sample.com/data/products/4/thumbnail.jpg',
images: [
'https://sample.com/data/products/4/1.jpg',
'https://sample.com/data/products/4/2.jpg',
'https://sample.com/data/products/4/3.jpg',
'https://sample.com/data/products/4/4.jpg',
'https://sample.com/data/products/4/thumbnail.jpg',
],
},
{
id: 5,
title: 'Huawei P30',
description:
'Huawei’s re-badged P30 Pro New Edition was officially unveiled yesterday in Germany and now the device has made its way to the UK.',
price: 499,
discountPercentage: 10.58,
rating: 4.09,
stock: 32,
brand: 'Huawei',
category: 'smartphones',
thumbnail: 'https://sample.com/data/products/5/thumbnail.jpg',
images: [
'https://sample.com/data/products/5/1.jpg',
'https://sample.com/data/products/5/2.jpg',
'https://sample.com/data/products/5/3.jpg',
],
},
{
id: 6,
title: 'MacBook Pro',
description:
'MacBook Pro 2021 with mini-LED display may launch between September, November',
price: 1749,
discountPercentage: 11.02,
rating: 4.57,
stock: 83,
brand: 'Apple',
category: 'laptops',
thumbnail: 'https://sample.com/data/products/6/thumbnail.png',
images: [
'https://sample.com/data/products/6/1.png',
'https://sample.com/data/products/6/2.jpg',
'https://sample.com/data/products/6/3.png',
'https://sample.com/data/products/6/4.jpg',
],
},
{
id: 7,
title: 'Samsung Galaxy Book',
description:
'Samsung Galaxy Book S (2020) Laptop With Intel Lakefield Chip, 8GB of RAM Launched',
price: 1499,
discountPercentage: 4.15,
rating: 4.25,
stock: 50,
brand: 'Samsung',
category: 'laptops',
thumbnail: 'https://sample.com/data/products/7/thumbnail.jpg',
images: [
'https://sample.com/data/products/7/1.jpg',
'https://sample.com/data/products/7/2.jpg',
'https://sample.com/data/products/7/3.jpg',
'https://sample.com/data/products/7/thumbnail.jpg',
],
},
{
id: 8,
title: 'Microsoft Surface Laptop 4',
description:
'Style and speed. Stand out on HD video calls backed by Studio Mics. Capture ideas on the vibrant touchscreen.',
price: 1499,
discountPercentage: 10.23,
rating: 4.43,
stock: 68,
brand: 'Microsoft Surface',
category: 'laptops',
thumbnail: 'https://sample.com/data/products/8/thumbnail.jpg',
images: [
'https://sample.com/data/products/8/1.jpg',
'https://sample.com/data/products/8/2.jpg',
'https://sample.com/data/products/8/3.jpg',
'https://sample.com/data/products/8/4.jpg',
'https://sample.com/data/products/8/thumbnail.jpg',
],
},
{
id: 9,
title: 'Infinix INBOOK',
description:
'Infinix Inbook X1 Ci3 10th 8GB 256GB 14 Win10 Grey – 1 Year Warranty',
price: 1099,
discountPercentage: 11.83,
rating: 4.54,
stock: 96,
brand: 'Infinix',
category: 'laptops',
thumbnail: 'https://sample.com/data/products/9/thumbnail.jpg',
images: [
'https://sample.com/data/products/9/1.jpg',
'https://sample.com/data/products/9/2.png',
'https://sample.com/data/products/9/3.png',
'https://sample.com/data/products/9/4.jpg',
'https://sample.com/data/products/9/thumbnail.jpg',
],
},
{
id: 10,
title: 'HP Pavilion 15-DK1056WM',
description:
'HP Pavilion 15-DK1056WM Gaming Laptop 10th Gen Core i5, 8GB, 256GB SSD, GTX 1650 4GB, Windows 10',
price: 1099,
discountPercentage: 6.18,
rating: 4.43,
stock: 89,
brand: 'HP Pavilion',
category: 'laptops',
thumbnail: 'https://sample.com/data/products/10/thumbnail.jpeg',
images: [
'https://sample.com/data/products/10/1.jpg',
'https://sample.com/data/products/10/2.jpg',
'https://sample.com/data/products/10/3.jpg',
'https://sample.com/data/products/10/thumbnail.jpeg',
],
},
{
id: 11,
title: 'perfume Oil',
description:
'Mega Discount, Impression of Acqua Di Gio by GiorgioArmani concentrated attar perfume Oil',
price: 13,
discountPercentage: 8.4,
rating: 4.26,
stock: 65,
brand: 'Impression of Acqua Di Gio',
category: 'fragrances',
thumbnail: 'https://sample.com/data/products/11/thumbnail.jpg',
images: [
'https://sample.com/data/products/11/1.jpg',
'https://sample.com/data/products/11/2.jpg',
'https://sample.com/data/products/11/3.jpg',
'https://sample.com/data/products/11/thumbnail.jpg',
],
},
{
id: 12,
title: 'Brown Perfume',
description: 'Royal_Mirage Sport Brown Perfume for Men & Women - 120ml',
price: 40,
discountPercentage: 15.66,
rating: 4,
stock: 52,
brand: 'Royal_Mirage',
category: 'fragrances',
thumbnail: 'https://sample.com/data/products/12/thumbnail.jpg',
images: [
'https://sample.com/data/products/12/1.jpg',
'https://sample.com/data/products/12/2.jpg',
'https://sample.com/data/products/12/3.png',
'https://sample.com/data/products/12/4.jpg',
'https://sample.com/data/products/12/thumbnail.jpg',
],
},
{
id: 13,
title: 'Fog Scent Xpressio Perfume',
description:
'Product details of Best Fog Scent Xpressio Perfume 100ml For Men cool long lasting perfumes for Men',
price: 13,
discountPercentage: 8.14,
rating: 4.59,
stock: 61,
brand: 'Fog Scent Xpressio',
category: 'fragrances',
thumbnail: 'https://sample.com/data/products/13/thumbnail.webp',
images: [
'https://sample.com/data/products/13/1.jpg',
'https://sample.com/data/products/13/2.png',
'https://sample.com/data/products/13/3.jpg',
'https://sample.com/data/products/13/4.jpg',
'https://sample.com/data/products/13/thumbnail.webp',
],
},
{
id: 14,
title: 'Non-Alcoholic Concentrated Perfume Oil',
description:
'Original Al Munakh® by Mahal Al Musk | Our Impression of Climate | 6ml Non-Alcoholic Concentrated Perfume Oil',
price: 120,
discountPercentage: 15.6,
rating: 4.21,
stock: 114,
brand: 'Al Munakh',
category: 'fragrances',
thumbnail: 'https://sample.com/data/products/14/thumbnail.jpg',
images: [
'https://sample.com/data/products/14/1.jpg',
'https://sample.com/data/products/14/2.jpg',
'https://sample.com/data/products/14/3.jpg',
'https://sample.com/data/products/14/thumbnail.jpg',
],
},
{
id: 15,
title: 'Eau De Perfume Spray',
description:
'Genuine Al-Rehab spray perfume from UAE/Saudi Arabia/Yemen High Quality',
price: 30,
discountPercentage: 10.99,
rating: 4.7,
stock: 105,
brand: 'Lord - Al-Rehab',
category: 'fragrances',
thumbnail: 'https://sample.com/data/products/15/thumbnail.jpg',
images: [
'https://sample.com/data/products/15/1.jpg',
'https://sample.com/data/products/15/2.jpg',
'https://sample.com/data/products/15/3.jpg',
'https://sample.com/data/products/15/4.jpg',
'https://sample.com/data/products/15/thumbnail.jpg',
],
},
{
id: 16,
title: 'Hyaluronic Acid Serum',
description:
"L'Oréal Paris introduces Hyaluron Expert Replumping Serum formulated with 1.5% Hyaluronic Acid",
price: 19,
discountPercentage: 13.31,
rating: 4.83,
stock: 110,
brand: "L'Oreal Paris",
category: 'skincare',
thumbnail: 'https://sample.com/data/products/16/thumbnail.jpg',
images: [
'https://sample.com/data/products/16/1.png',
'https://sample.com/data/products/16/2.webp',
'https://sample.com/data/products/16/3.jpg',
'https://sample.com/data/products/16/4.jpg',
'https://sample.com/data/products/16/thumbnail.jpg',
],
},
{
id: 17,
title: 'Tree Oil 30ml',
description:
'Tea tree oil contains a number of compounds, including terpinen-4-ol, that have been shown to kill certain bacteria,',
price: 12,
discountPercentage: 4.09,
rating: 4.52,
stock: 78,
brand: 'Hemani Tea',
category: 'skincare',
thumbnail: 'https://sample.com/data/products/17/thumbnail.jpg',
images: [
'https://sample.com/data/products/17/1.jpg',
'https://sample.com/data/products/17/2.jpg',
'https://sample.com/data/products/17/3.jpg',
'https://sample.com/data/products/17/thumbnail.jpg',
],
},
{
id: 18,
title: 'Oil Free Moisturizer 100ml',
description:
'Dermive Oil Free Moisturizer with SPF 20 is specifically formulated with ceramides, hyaluronic acid & sunscreen.',
price: 40,
discountPercentage: 13.1,
rating: 4.56,
stock: 88,
brand: 'Dermive',
category: 'skincare',
thumbnail: 'https://sample.com/data/products/18/thumbnail.jpg',
images: [
'https://sample.com/data/products/18/1.jpg',
'https://sample.com/data/products/18/2.jpg',
'https://sample.com/data/products/18/3.jpg',
'https://sample.com/data/products/18/4.jpg',
'https://sample.com/data/products/18/thumbnail.jpg',
],
},
{
id: 19,
title: 'Skin Beauty Serum.',
description:
'Product name: rorec collagen hyaluronic acid white face serum riceNet weight: 15 m',
price: 46,
discountPercentage: 10.68,
rating: 4.42,
stock: 54,
brand: 'ROREC White Rice',
category: 'skincare',
thumbnail: 'https://sample.com/data/products/19/thumbnail.jpg',
images: [
'https://sample.com/data/products/19/1.jpg',
'https://sample.com/data/products/19/2.jpg',
'https://sample.com/data/products/19/3.png',
'https://sample.com/data/products/19/thumbnail.jpg',
],
},
{
id: 20,
title: 'Freckle Treatment Cream- 15gm',
description:
"Fair & Clear is Pakistan's only pure Freckle cream which helpsfade Freckles, Darkspots and pigments. Mercury level is 0%, so there are no side effects.",
price: 70,
discountPercentage: 16.99,
rating: 4.06,
stock: 140,
brand: 'Fair & Clear',
category: 'skincare',
thumbnail: 'https://sample.com/data/products/20/thumbnail.jpg',
images: [
'https://sample.com/data/products/20/1.jpg',
'https://sample.com/data/products/20/2.jpg',
'https://sample.com/data/products/20/3.jpg',
'https://sample.com/data/products/20/4.jpg',
'https://sample.com/data/products/20/thumbnail.jpg',
],
},
{
id: 21,
title: '- Daal Masoor 500 grams',
description: 'Fine quality Branded Product Keep in a cool and dry place',
price: 20,
discountPercentage: 4.81,
rating: 4.44,
stock: 133,
brand: 'Saaf & Khaas',
category: 'groceries',
thumbnail: 'https://sample.com/data/products/21/thumbnail.png',
images: [
'https://sample.com/data/products/21/1.png',
'https://sample.com/data/products/21/2.jpg',
'https://sample.com/data/products/21/3.jpg',
],
},
{
id: 22,
title: 'Elbow Macaroni - 400 gm',
description: 'Product details of Bake Parlor Big Elbow Macaroni - 400 gm',
price: 14,
discountPercentage: 15.58,
rating: 4.57,
stock: 146,
brand: 'Bake Parlor Big',
category: 'groceries',
thumbnail: 'https://sample.com/data/products/22/thumbnail.jpg',
images: [
'https://sample.com/data/products/22/1.jpg',
'https://sample.com/data/products/22/2.jpg',
'https://sample.com/data/products/22/3.jpg',
],
},
{
id: 23,
title: 'Orange Essence Food Flavou',
description:
'Specifications of Orange Essence Food Flavour For Cakes and Baking Food Item',
price: 14,
discountPercentage: 8.04,
rating: 4.85,
stock: 26,
brand: 'Baking Food Items',
category: 'groceries',
thumbnail: 'https://sample.com/data/products/23/thumbnail.jpg',
images: [
'https://sample.com/data/products/23/1.jpg',
'https://sample.com/data/products/23/2.jpg',
'https://sample.com/data/products/23/3.jpg',
'https://sample.com/data/products/23/4.jpg',
'https://sample.com/data/products/23/thumbnail.jpg',
],
},
{
id: 24,
title: 'cereals muesli fruit nuts',
description:
'original fauji cereal muesli 250gm box pack original fauji cereals muesli fruit nuts flakes breakfast cereal break fast faujicereals cerels cerel foji fouji',
price: 46,
discountPercentage: 16.8,
rating: 4.94,
stock: 113,
brand: 'fauji',
category: 'groceries',
thumbnail: 'https://sample.com/data/products/24/thumbnail.jpg',
images: [
'https://sample.com/data/products/24/1.jpg',
'https://sample.com/data/products/24/2.jpg',
'https://sample.com/data/products/24/3.jpg',
'https://sample.com/data/products/24/4.jpg',
'https://sample.com/data/products/24/thumbnail.jpg',
],
},
{
id: 25,
title: 'Gulab Powder 50 Gram',
description: 'Dry Rose Flower Powder Gulab Powder 50 Gram • Treats Wounds',
price: 70,
discountPercentage: 13.58,
rating: 4.87,
stock: 47,
brand: 'Dry Rose',
category: 'groceries',
thumbnail: 'https://sample.com/data/products/25/thumbnail.jpg',
images: [
'https://sample.com/data/products/25/1.png',
'https://sample.com/data/products/25/2.jpg',
'https://sample.com/data/products/25/3.png',
'https://sample.com/data/products/25/4.jpg',
'https://sample.com/data/products/25/thumbnail.jpg',
],
},
{
id: 26,
title: 'Plant Hanger For Home',
description:
'Boho Decor Plant Hanger For Home Wall Decoration Macrame Wall Hanging Shelf',
price: 41,
discountPercentage: 17.86,
rating: 4.08,
stock: 131,
brand: 'Boho Decor',
category: 'home-decoration',
thumbnail: 'https://sample.com/data/products/26/thumbnail.jpg',
images: [
'https://sample.com/data/products/26/1.jpg',
'https://sample.com/data/products/26/2.jpg',
'https://sample.com/data/products/26/3.jpg',
'https://sample.com/data/products/26/4.jpg',
'https://sample.com/data/products/26/5.jpg',
'https://sample.com/data/products/26/thumbnail.jpg',
],
},
{
id: 27,
title: 'Flying Wooden Bird',
description:
'Package Include 6 Birds with Adhesive Tape Shape: 3D Shaped Wooden Birds Material: Wooden MDF, Laminated 3.5mm',
price: 51,
discountPercentage: 15.58,
rating: 4.41,
stock: 17,
brand: 'Flying Wooden',
category: 'home-decoration',
thumbnail: 'https://sample.com/data/products/27/thumbnail.webp',
images: [
'https://sample.com/data/products/27/1.jpg',
'https://sample.com/data/products/27/2.jpg',
'https://sample.com/data/products/27/3.jpg',
'https://sample.com/data/products/27/4.jpg',
'https://sample.com/data/products/27/thumbnail.webp',
],
},
{
id: 28,
title: '3D Embellishment Art Lamp',
description:
'3D led lamp sticker Wall sticker 3d wall art light on/off button cell operated (included)',
price: 20,
discountPercentage: 16.49,
rating: 4.82,
stock: 54,
brand: 'LED Lights',
category: 'home-decoration',
thumbnail: 'https://sample.com/data/products/28/thumbnail.jpg',
images: [
'https://sample.com/data/products/28/1.jpg',
'https://sample.com/data/products/28/2.jpg',
'https://sample.com/data/products/28/3.png',
'https://sample.com/data/products/28/4.jpg',
'https://sample.com/data/products/28/thumbnail.jpg',
],
},
{
id: 29,
title: 'Handcraft Chinese style',
description:
'Handcraft Chinese style art luxury palace hotel villa mansion home decor ceramic vase with brass fruit plate',
price: 60,
discountPercentage: 15.34,
rating: 4.44,
stock: 7,
brand: 'luxury palace',
category: 'home-decoration',
thumbnail: 'https://sample.com/data/products/29/thumbnail.webp',
images: [
'https://sample.com/data/products/29/1.jpg',
'https://sample.com/data/products/29/2.jpg',
'https://sample.com/data/products/29/3.webp',
'https://sample.com/data/products/29/4.webp',
'https://sample.com/data/products/29/thumbnail.webp',
],
},
{
id: 30,
title: 'Key Holder',
description:
'Attractive DesignMetallic materialFour key hooksReliable & DurablePremium Quality',
price: 30,
discountPercentage: 2.92,
rating: 4.92,
stock: 54,
brand: 'Golden',
category: 'home-decoration',
thumbnail: 'https://sample.com/data/products/30/thumbnail.jpg',
images: [
'https://sample.com/data/products/30/1.jpg',
'https://sample.com/data/products/30/2.jpg',
'https://sample.com/data/products/30/3.jpg',
'https://sample.com/data/products/30/thumbnail.jpg',
],
},
];
const users = [
{
id: 1,
firstName: 'Terry',
lastName: 'Medhurst',
maidenName: 'Smitham',
age: 50,
gender: 'male',
email: '[email protected]',
phone: '+63 791 675 8914',
username: 'atuny0',
password: '9uQFF1Lh',
birthDate: '2000-12-25',
image: 'https://robohash.org/hicveldicta.png',
bloodGroup: 'A−',
height: 189,
weight: 75.4,
eyeColor: 'Green',
hair: {
color: 'Black',
type: 'Strands',
},
domain: 'slashdot.org',
ip: '117.29.86.254',
address: {
address: '1745 T Street Southeast',
city: 'Washington',
coordinates: {
lat: 38.867033,
lng: -76.979235,
},
postalCode: '20020',
state: 'DC',
},
macAddress: '13:69:BA:56:A3:74',
university: 'Capitol University',
bank: {
cardExpire: '06/22',
cardNumber: '50380955204220685',
cardType: 'maestro',
currency: 'Peso',
iban: 'NO17 0695 2754 967',
},
company: {
address: {
address: '629 Debbie Drive',
city: 'Nashville',
coordinates: {
lat: 36.208114,
lng: -86.58621199999999,
},
postalCode: '37076',
state: 'TN',
},
department: 'Marketing',
name: "Blanda-O'Keefe",
title: 'Help Desk Operator',
},
ein: '20-9487066',
ssn: '661-64-2976',
userAgent:
'Mozilla/5.0 (Windows NT 6.1) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/12.0.702.0 Safari/534.24',
},
{
id: 2,
firstName: 'Sheldon',
lastName: 'Quigley',
maidenName: 'Cole',
age: 28,
gender: 'male',
email: '[email protected]',
phone: '+7 813 117 7139',
username: 'hbingley1',
password: 'CQutx25i8r',
birthDate: '2003-08-02',
image: 'https://robohash.org/doloremquesintcorrupti.png',
bloodGroup: 'O+',
height: 187,
weight: 74,
eyeColor: 'Brown',
hair: {
color: 'Blond',
type: 'Curly',
},
domain: '51.la',
ip: '253.240.20.181',
address: {
address: '6007 Applegate Lane',
city: 'Louisville',
coordinates: {
lat: 38.1343013,
lng: -85.6498512,
},
postalCode: '40219',
state: 'KY',
},
macAddress: '13:F1:00:DA:A4:12',
university: 'Stavropol State Technical University',
bank: {
cardExpire: '10/23',
cardNumber: '5355920631952404',
cardType: 'mastercard',
currency: 'Ruble',
iban: 'MD63 L6YC 8YH4 QVQB XHIK MTML',
},
company: {
address: {
address: '8821 West Myrtle Avenue',
city: 'Glendale',
coordinates: {
lat: 33.5404296,
lng: -112.2488391,
},
postalCode: '85305',
state: 'AZ',
},
department: 'Services',
name: 'Aufderhar-Cronin',
title: 'Senior Cost Accountant',
},
ein: '52-5262907',
ssn: '447-08-9217',
userAgent:
'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/534.30 (KHTML, like Gecko) Ubuntu/11.04 Chromium/12.0.742.112 Chrome/12.0.742.112 Safari/534.30',
},
{
id: 3,
firstName: 'Terrill',
lastName: 'Hills',
maidenName: 'Hoeger',
age: 38,
gender: 'male',
email: '[email protected]',
phone: '+63 739 292 7942',
username: 'rshawe2',
password: 'OWsTbMUgFc',
birthDate: '1992-12-30',
image: 'https://robohash.org/consequunturautconsequatur.png',
bloodGroup: 'A−',
height: 200,
weight: 105.3,
eyeColor: 'Gray',
hair: {
color: 'Blond',
type: 'Very curly',
},
domain: 'earthlink.net',
ip: '205.226.160.3',
address: {
address: '560 Penstock Drive',
city: 'Grass Valley',
coordinates: {
lat: 39.213076,
lng: -121.077583,
},
postalCode: '95945',
state: 'CA',
},
macAddress: 'F2:88:58:64:F7:76',
university: 'University of Cagayan Valley',
bank: {
cardExpire: '10/23',
cardNumber: '3586082982526703',
cardType: 'jcb',
currency: 'Peso',
iban: 'AT24 1095 9625 1434 9703',
},
company: {
address: {
address: '18 Densmore Drive',
city: 'Essex',
coordinates: {
lat: 44.492953,
lng: -73.101883,
},
postalCode: '05452',
state: 'VT',
},
department: 'Marketing',
name: 'Lindgren LLC',
title: 'Mechanical Systems Engineer',
},
ein: '48-3951994',
ssn: '633-89-1926',
userAgent:
'Mozilla/5.0 (Windows NT 6.2; Win64; x64; rv:21.0.0) Gecko/20121011 Firefox/21.0.0',
},
{
id: 4,
firstName: 'Miles',
lastName: 'Cummerata',
maidenName: 'Maggio',
age: 49,
gender: 'male',
email: '[email protected]',
phone: '+86 461 145 4186',
username: 'yraigatt3',
password: 'sRQxjPfdS',
birthDate: '1969-01-16',
image: 'https://robohash.org/facilisdignissimosdolore.png',
bloodGroup: 'B+',
height: 157,
weight: 95.9,
eyeColor: 'Gray',
hair: {
color: 'Blond',
type: 'Very curly',
},
domain: 'homestead.com',
ip: '243.20.78.113',
address: {
address: '150 Carter Street',
city: 'Manchester',
coordinates: {
lat: 41.76556000000001,
lng: -72.473091,
},
postalCode: '06040',
state: 'CT',
},
macAddress: '03:45:58:59:5A:7B',
university: 'Shenyang Pharmaceutical University',
bank: {
cardExpire: '07/24',
cardNumber: '3580047879369323',
cardType: 'jcb',
currency: 'Yuan Renminbi',
iban: 'KZ43 658B M6VS TZOU OXSO',
},
company: {
address: {
address: '210 Green Road',
city: 'Manchester',
coordinates: {
lat: 41.7909099,
lng: -72.51195129999999,
},
postalCode: '06042',
state: 'CT',
},
department: 'Business Development',
name: 'Wolff and Sons',
title: 'Paralegal',
},
ein: '71-3644334',
ssn: '487-28-6642',
userAgent:
'Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.17 Safari/537.11',
},
{
id: 5,
firstName: 'Mavis',
lastName: 'Schultz',
maidenName: 'Yundt',
age: 38,
gender: 'male',
email: '[email protected]',
phone: '+372 285 771 1911',
username: 'kmeus4',
password: 'aUTdmmmbH',
birthDate: '1968-11-03',
image: 'https://robohash.org/adverovelit.png',
bloodGroup: 'O+',
height: 188,
weight: 106.3,
eyeColor: 'Brown',
hair: {
color: 'Brown',
type: 'Curly',
},
domain: 'columbia.edu',
ip: '103.72.86.183',
address: {
address: '2721 Lindsay Avenue',
city: 'Louisville',
coordinates: {
lat: 38.263793,
lng: -85.700243,
},
postalCode: '40206',
state: 'KY',
},
macAddress: 'F8:04:9E:ED:C0:68',
university: 'Estonian University of Life Sciences',
bank: {
cardExpire: '01/24',
cardNumber: '4917245076693618',
cardType: 'visa-electron',
currency: 'Euro',
iban: 'IT41 T114 5127 716J RGYB ZRUX DSJ',
},
company: {
address: {
address: '8398 West Denton Lane',
city: 'Glendale',
coordinates: {
lat: 33.515353,
lng: -112.240812,
},
postalCode: '85305',
state: 'AZ',
},
department: 'Support',
name: 'Adams Inc',
title: 'Web Developer I',
},
ein: '18-7178563',
ssn: '667-98-5357',
userAgent:
'Mozilla/5.0 (Windows NT 6.0) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.1 Safari/535.1',
},
{
id: 6,
firstName: 'Alison',
lastName: 'Reichert',
maidenName: 'Franecki',
age: 21,
gender: 'female',
email: '[email protected]',
phone: '+351 527 735 3642',
username: 'jtreleven5',
password: 'zY1nE46Zm',
birthDate: '1969-07-21',
image: 'https://robohash.org/laboriosamfacilisrem.png',
bloodGroup: 'A+',
height: 149,
weight: 105.7,
eyeColor: 'Amber',
hair: {
color: 'Blond',
type: 'Straight',
},
domain: 'bandcamp.com',
ip: '49.201.206.36',
address: {
address: '18 Densmore Drive',
city: 'Essex',
coordinates: {
lat: 44.492953,
lng: -73.101883,
},
postalCode: '05452',
state: 'VT',
},
macAddress: '6C:34:D0:4B:4E:81',
university: 'Universidade da Beira Interior',
bank: {
cardExpire: '03/22',
cardNumber: '345675888286047',
cardType: 'americanexpress',
currency: 'Euro',
iban: 'LB69 1062 QCY5 XS5T VOKU KJFG XP4S',
},
company: {
address: {
address: '6231 North 67th Avenue',
city: 'Glendale',
coordinates: {
lat: 33.5279666,
lng: -112.2022551,
},
postalCode: '85301',
state: 'AZ',
},
department: 'Accounting',
name: "D'Amore and Sons",
title: 'Civil Engineer',
},
ein: '78-3192791',
ssn: '158-68-0184',
userAgent:
'Mozilla/5.0 (Windows; U; Windows NT 6.0; nb-NO) AppleWebKit/533.18.1 (KHTML, like Gecko) Version/5.0.2 Safari/533.18.5',
},
{
id: 7,
firstName: 'Oleta',
lastName: 'Abbott',
maidenName: 'Wyman',
age: 31,
gender: 'female',
email: '[email protected]',
phone: '+62 640 802 7111',
username: 'dpettegre6',
password: 'YVmhktgYVS',
birthDate: '1982-02-21',
image: 'https://robohash.org/cupiditatererumquos.png',
bloodGroup: 'B−',
height: 172,
weight: 78.1,
eyeColor: 'Blue',
hair: {
color: 'Chestnut',
type: 'Wavy',
},
domain: 'ovh.net',
ip: '25.207.107.146',
address: {
address: '637 Britannia Drive',
city: 'Vallejo',
coordinates: {
lat: 38.10476999999999,
lng: -122.193849,
},
postalCode: '94591',
state: 'CA',
},
macAddress: '48:2D:A0:67:19:E0',
university: 'Institut Sains dan Teknologi Al Kamal',
bank: {
cardExpire: '10/23',
cardNumber: '3589640949470047',
cardType: 'jcb',
currency: 'Rupiah',
iban: 'GI97 IKPF 9DUO X25M FG8D UXY',
},
company: {
address: {
address: '1407 Walden Court',
city: 'Crofton',
coordinates: {
lat: 39.019306,
lng: -76.660653,
},
postalCode: '21114',
state: 'MD',
},
department: 'Product Management',
name: 'Schimmel, Wilderman and Orn',
title: 'Sales Associate',
},
ein: '29-1568401',
ssn: '478-11-2206',
userAgent:
'Mozilla/5.0 (Windows; U; Windows NT 5.1; ru-RU) AppleWebKit/533.18.1 (KHTML, like Gecko) Version/5.0.2 Safari/533.18.5',
},
{
id: 8,
firstName: 'Ewell',
lastName: 'Mueller',
maidenName: 'Durgan',
age: 29,
gender: 'male',
email: '[email protected]',
phone: '+86 946 297 2275',
username: 'ggude7',
password: 'MWwlaeWcOoF6',
birthDate: '1964-08-24',
image: 'https://robohash.org/quiaharumsapiente.png',
bloodGroup: 'A−',
height: 146,
weight: 52.1,
eyeColor: 'Blue',
hair: {
color: 'Chestnut',
type: 'Wavy',
},
domain: 'homestead.com',
ip: '91.200.56.127',
address: {
address: '5601 West Crocus Drive',
city: 'Glendale',
coordinates: {
lat: 33.6152469,
lng: -112.179737,
},
postalCode: '85306',
state: 'AZ',
},
macAddress: '72:DA:1B:D7:30:E9',
university: 'Wenzhou Medical College',
bank: {
cardExpire: '09/23',
cardNumber: '30549925358905',
cardType: 'diners-club-carte-blanche',
currency: 'Yuan Renminbi',
iban: 'CY02 9914 5346 0PMT G6XW TP0R AWRZ',
},
company: {
address: {
address: '81 Seaton Place Northwest',
city: 'Washington',
coordinates: {
lat: 38.9149499,
lng: -77.01170259999999,
},
postalCode: '20001',
state: 'DC',
},
department: 'Services',
name: 'Corkery, Reichert and Hodkiewicz',
title: 'Clinical Specialist',
},
ein: '88-4396827',
ssn: '238-41-5528',
userAgent:
'Mozilla/5.0 (X11; Linux amd64) AppleWebKit/534.36 (KHTML, like Gecko) Chrome/13.0.766.0 Safari/534.36',
},
{
id: 9,
firstName: 'Demetrius',
lastName: 'Corkery',
maidenName: 'Gleason',
age: 22,
gender: 'male',
email: '[email protected]',
phone: '+86 356 590 9727',
username: 'nloiterton8',
password: 'HTQxxXV9Bq4',
birthDate: '1971-03-11',
image: 'https://robohash.org/excepturiiuremolestiae.png',
bloodGroup: 'A+',
height: 170,
weight: 97.1,
eyeColor: 'Green',
hair: {
color: 'Brown',
type: 'Strands',
},
domain: 'goodreads.com',
ip: '78.170.185.120',
address: {
address: '5403 Illinois Avenue',
city: 'Nashville',
coordinates: {
lat: 36.157077,
lng: -86.853827,
},
postalCode: '37209',
state: 'TN',
},
macAddress: '98:EE:94:A2:91:C4',
university: 'Nanjing University of Economics',
bank: {
cardExpire: '02/24',
cardNumber: '5372664789004621',
cardType: 'mastercard',
currency: 'Yuan Renminbi',
iban: 'BR68 9829 0581 3669 5088 5533 025N V',
},
company: {
address: {
address: '12245 West 71st Place',
city: 'Arvada',
coordinates: {
lat: 39.8267078,
lng: -105.1366798,
},
postalCode: '80004',
state: 'CO',
},
department: 'Human Resources',
name: 'Gorczany Group',
title: 'Community Outreach Specialist',
},
ein: '14-1066382',
ssn: '717-26-3759',
userAgent:
'Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10_4_11; de) AppleWebKit/528.4+ (KHTML, like Gecko) Version/4.0dp1 Safari/526.11.2',
},
{
id: 10,
firstName: 'Eleanora',
lastName: 'Price',
maidenName: 'Cummings',
age: 37,
gender: 'female',
email: '[email protected]',
phone: '+60 184 408 0824',
username: 'umcgourty9',
password: 'i0xzpX',
birthDate: '1958-08-11',
image: 'https://robohash.org/aliquamcumqueiure.png',
bloodGroup: 'O+',
height: 198,
weight: 48,
eyeColor: 'Blue',
hair: {
color: 'Chestnut',
type: 'Wavy',
},
domain: 'alibaba.com',
ip: '73.15.179.178',
address: {
address: '8821 West Myrtle Avenue',
city: 'Glendale',
coordinates: {
lat: 33.5404296,
lng: -112.2488391,
},
postalCode: '85305',
state: 'AZ',
},
macAddress: 'BC:A9:D8:98:CB:0B',
university: 'Melaka City Polytechnic',
bank: {
cardExpire: '01/24',
cardNumber: '3557806620295254',
cardType: 'jcb',
currency: 'Ringgit',
iban: 'GT40 DWAD 9UHA VEOZ ZF4J 2Y0F OOFD',
},
company: {
address: {
address: '1649 Timberridge Court',
city: 'Fayetteville',
coordinates: {
lat: 36.084563,
lng: -94.206082,
},
postalCode: '72704',
state: 'AR',
},
department: 'Marketing',
name: 'Bins Group',
title: 'Senior Sales Associate',
},
ein: '21-5278484',
ssn: '544-66-0745',
userAgent:
'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.6 Safari/537.11',
},
{
id: 11,
firstName: 'Marcel',
lastName: 'Jones',
maidenName: 'Smith',
age: 39,
gender: 'male',
email: '[email protected]',
phone: '+967 253 210 0344',
username: 'acharlota',
password: 'M9lbMdydMN',
birthDate: '1961-09-12',
image: 'https://robohash.org/impeditautest.png',
bloodGroup: 'B−',
height: 203,
weight: 63.7,
eyeColor: 'Amber',
hair: {
color: 'Black',
type: 'Straight',
},
domain: 'feedburner.com',
ip: '137.235.164.173',
address: {
address: '2203 7th Street Road',
city: 'Louisville',
coordinates: {
lat: 38.218107,
lng: -85.779006,
},
postalCode: '40208',
state: 'KY',
},
macAddress: '59:E8:70:5A:E5:D6',
university: 'Hodeidah University',
bank: {
cardExpire: '05/24',
cardNumber: '5893925889459720',
cardType: 'maestro',
currency: 'Rial',
iban: 'NL97 UWMY 2503 2999 43',
},
company: {
address: {
address: '308 Woodleaf Court',
city: 'Glen Burnie',
coordinates: {
lat: 39.1425931,
lng: -76.6238441,
},
postalCode: '21061',
state: 'MD',
},
department: 'Business Development',
name: 'Kuhn-Harber',
title: 'Account Executive',
},
ein: '09-3791007',
ssn: '342-54-8422',
userAgent:
'Mozilla/5.0 (Windows NT 5.2) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/14.0.792.0 Safari/535.1',
},
{
id: 12,
firstName: 'Assunta',
lastName: 'Rath',
maidenName: 'Heller',
age: 42,
gender: 'female',
email: '[email protected]',
phone: '+380 962 542 6549',
username: 'rhallawellb',
password: 'esTkitT1r',
birthDate: '1990-12-14',
image: 'https://robohash.org/namquaerataut.png',
bloodGroup: 'O−',
height: 168,
weight: 96.8,
eyeColor: 'Gray',
hair: {
color: 'Black',
type: 'Very curly',
},
domain: '123-reg.co.uk',
ip: '74.80.53.208',
address: {
address: '6463 Vrain Street',
city: 'Arvada',
coordinates: {
lat: 39.814056,
lng: -105.046913,
},
postalCode: '80003',
state: 'CO',
},
macAddress: '9B:DC:21:C2:30:A3',
university: 'Kiev Slavonic University',
bank: {
cardExpire: '09/22',
cardNumber: '5602230671060360',
cardType: 'bankcard',
currency: 'Hryvnia',
iban: 'KW76 VNLA LX0Y DMDE PFS8 FVKP VMDF AV',
},
company: {
address: {
address: '388 East Main Street',
coordinates: {
lat: 43.9727945,
lng: -73.1023187,
},
postalCode: '05753',
state: 'VT',
},
department: 'Product Management',
name: 'Goodwin-Skiles',
title: 'Developer II',
},
ein: '14-1242349',
ssn: '116-51-6131',
userAgent:
'Mozilla/5.0 (X11; CrOS i686 4319.74.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.57 Safari/537.36',
},
{
id: 13,
firstName: 'Trace',
lastName: 'Douglas',
maidenName: 'Lemke',
age: 26,
gender: 'male',
email: '[email protected]',
phone: '+1 609 937 3468',
username: 'lgribbinc',
password: 'ftGj8LZTtv9g',
birthDate: '1967-07-23',
image: 'https://robohash.org/voluptatemsintnulla.png',
bloodGroup: 'O+',
height: 181,
weight: 56.5,
eyeColor: 'Amber',
hair: {
color: 'Auburn',
type: 'Straight',
},
domain: 'histats.com',
ip: '163.245.232.27',
address: {
address: '87 Horseshoe Drive',
city: 'West Windsor',
coordinates: {
lat: 43.4731793,
lng: -72.4967532,
},
postalCode: '05037',
state: 'VT',
},
macAddress: 'B9:21:ED:9F:B8:9E',
university: 'Dallas Christian College',
bank: {
cardExpire: '01/23',
cardNumber: '3556299106119514',
cardType: 'jcb',
currency: 'Dollar',
iban: 'AE47 4194 4544 3401 3419 286',
},
company: {
address: {
address: '310 Timrod Road',
city: 'Manchester',
coordinates: {
lat: 41.756758,
lng: -72.493501,
},
postalCode: '06040',
state: 'CT',
},
department: 'Research and Development',
name: 'Casper Inc',
title: 'Sales Associate',
},
ein: '94-0648182',
ssn: '217-05-3082',
userAgent:
'Mozilla/5.0 (Windows; U; Windows NT 5.1; ru-RU) AppleWebKit/533.19.4 (KHTML, like Gecko) Version/5.0.3 Safari/533.19.4',
},
{
id: 14,
firstName: 'Enoch',
lastName: 'Lynch',
maidenName: 'Heidenreich',
age: 21,
gender: 'male',
email: '[email protected]',
phone: '+94 912 100 5118',
username: 'mturleyd',
password: 'GyLnCB8gNIp',
birthDate: '1979-08-25',
image: 'https://robohash.org/quisequienim.png',
bloodGroup: 'O+',
height: 150,
weight: 100.3,
eyeColor: 'Green',
hair: {
color: 'Auburn',
type: 'Strands',
},
domain: 'icio.us',
ip: '174.238.43.126',
address: {
address: '60 Desousa Drive',
city: 'Manchester',
coordinates: {
lat: 41.7409259,
lng: -72.5619104,
},
postalCode: '06040',
state: 'CT',
},
macAddress: '52:11:E1:31:35:C1',
university: 'University of Sri Jayawardenapura',
bank: {
cardExpire: '11/23',
cardNumber: '5339467937996728',
cardType: 'mastercard',
currency: 'Rupee',
iban: 'SI28 0812 7967 0952 944',
},
company: {
address: {
address: '21950 Arnold Center Road',
city: 'Carson',
coordinates: {
lat: 33.8272706,
lng: -118.2302826,
},
postalCode: '90810',
state: 'CA',
},
department: 'Sales',
name: 'Schoen Inc',
title: 'Professor',
},
ein: '61-8316825',
ssn: '742-81-1714',
userAgent:
'Mozilla/5.0 (Windows; U; Windows NT 5.0; en-en) AppleWebKit/533.16 (KHTML, like Gecko) Version/4.1 Safari/533.16',
},
{
id: 15,
firstName: 'Jeanne',
lastName: 'Halvorson',
maidenName: 'Cummerata',
age: 26,
gender: 'female',
email: '[email protected]',
phone: '+86 581 108 7855',
username: 'kminchelle',
password: '0lelplR',
birthDate: '1996-02-02',
image: 'https://robohash.org/autquiaut.png',
bloodGroup: 'A+',
height: 176,
weight: 45.7,
eyeColor: 'Amber',
hair: {
color: 'Blond',
type: 'Straight',
},
domain: 'google.co.uk',
ip: '78.43.74.226',
address: {
address: '4 Old Colony Way',
city: 'Yarmouth',
coordinates: {
lat: 41.697168,
lng: -70.189992,
},
postalCode: '02664',
state: 'MA',
},
macAddress: 'D9:DB:D9:5A:01:09',
university: 'Donghua University, Shanghai',
bank: {
cardExpire: '10/23',
cardNumber: '3588859507772914',
cardType: 'jcb',
currency: 'Yuan Renminbi',
iban: 'FO12 1440 0396 8902 56',
},
company: {
address: {
address: '22572 Toreador Drive',
city: 'Salinas',
coordinates: {
lat: 36.602449,
lng: -121.699071,
},
postalCode: '93908',
state: 'CA',
},
department: 'Marketing',
name: 'Hahn-MacGyver',
title: 'Software Test Engineer IV',
},
ein: '62-0561095',
ssn: '855-43-8639',
userAgent:
'Mozilla/5.0 (X11; Linux i686) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.14 Safari/534.24',
},
{
id: 16,
firstName: 'Trycia',
lastName: 'Fadel',
maidenName: 'Rosenbaum',
age: 41,
gender: 'female',
email: '[email protected]',
phone: '+420 833 708 0340',
username: 'dpierrof',
password: 'Vru55Y4tufI4',
birthDate: '1963-07-03',
image: 'https://robohash.org/porronumquamid.png',
bloodGroup: 'B+',
height: 166,
weight: 87.2,
eyeColor: 'Gray',
hair: {
color: 'Black',
type: 'Very curly',
},
domain: 'tamu.edu',
ip: '82.170.69.15',
address: {
address: '314 South 17th Street',
city: 'Nashville',
coordinates: {
lat: 36.1719075,
lng: -86.740228,
},
postalCode: '37206',
state: 'TN',
},
macAddress: '3D:21:5B:9F:76:FF',
university: 'Technical University of Mining and Metallurgy Ostrava',
bank: {
cardExpire: '07/23',
cardNumber: '6378941710246212',
cardType: 'instapayment',
currency: 'Koruna',
iban: 'CH94 4961 5QY1 VPV1 NGIP P',
},
company: {
address: {
address: '1407 Walden Court',
city: 'Crofton',
coordinates: {
lat: 39.019306,
lng: -76.660653,
},
postalCode: '21114',
state: 'MD',
},
department: 'Research and Development',
name: 'Steuber, Considine and Padberg',
title: 'Geological Engineer',
},
ein: '75-1816504',
ssn: '677-73-1525',
userAgent:
'Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.2 (KHTML, like Gecko) Chrome/15.0.872.0 Safari/535.2',
},
{
id: 17,
firstName: 'Bradford',
lastName: 'Prohaska',
maidenName: 'Bins',
age: 43,
gender: 'male',
email: '[email protected]',
phone: '+420 874 628 3710',
username: 'vcholdcroftg',
password: 'mSPzYZfR',
birthDate: '1975-10-20',
image: 'https://robohash.org/accusantiumvoluptateseos.png',
bloodGroup: 'O−',
height: 199,
weight: 94.3,
eyeColor: 'Brown',
hair: {
color: 'Black',
type: 'Curly',
},
domain: 'wix.com',
ip: '75.75.234.243',
address: {
address: '1649 Timberridge Court',
city: 'Fayetteville',
coordinates: {
lat: 36.084563,
lng: -94.206082,
},
postalCode: '72704',
state: 'AR',
},
macAddress: '47:FA:F7:94:7B:5D',
university: 'Technical University of Mining and Metallurgy Ostrava',
bank: {
cardExpire: '05/24',
cardNumber: '3574627048005672',
cardType: 'jcb',
currency: 'Koruna',
iban: 'SI81 7221 0344 9088 864',
},
company: {
address: {
address: '20930 Todd Valley Road',
city: 'Foresthill',
coordinates: {
lat: 38.989466,
lng: -120.883108,
},
postalCode: '95631',
state: 'CA',
},
department: 'Sales',
name: 'Bogisich and Sons',
title: 'Operator',
},
ein: '92-8837697',
ssn: '795-36-7752',
userAgent:
'Mozilla/5.0 (Windows NT 5.2) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/14.0.813.0 Safari/535.1',
},
{
id: 18,
firstName: 'Arely',
lastName: 'Skiles',
maidenName: 'Monahan',
age: 42,
gender: 'male',
email: '[email protected]',
phone: '+55 886 766 8617',
username: 'sberminghamh',
password: 'cAjfb8vg',
birthDate: '1958-02-05',
image: 'https://robohash.org/nihilharumqui.png',
bloodGroup: 'AB−',
height: 192,
weight: 97,
eyeColor: 'Amber',
hair: {
color: 'Brown',
type: 'Straight',
},
domain: 'seesaa.net',
ip: '29.82.54.30',
address: {
address: '5461 West Shades Valley Drive',
city: 'Montgomery',
coordinates: {
lat: 32.296422,
lng: -86.34280299999999,
},
postalCode: '36108',
state: 'AL',
},
macAddress: '61:0C:8F:92:48:D5',
university: 'Universidade Estadual do Ceará',
bank: {
cardExpire: '09/24',
cardNumber: '3578078357052002',
cardType: 'jcb',
currency: 'Real',
iban: 'FR79 7925 2903 77HF 2ZY6 TU4M T84',
},
company: {
address: {
address: '3162 Martin Luther King Junior Boulevard',
city: 'Fayetteville',
coordinates: {
lat: 36.05233310000001,
lng: -94.2056987,
},
postalCode: '72704',
state: 'AR',
},
department: 'Support',
name: 'Metz Group',
title: 'VP Accounting',
},
ein: '55-4062919',
ssn: '551-74-1349',
userAgent:
'Mozilla/5.0 (Windows NT 5.1; rv:31.0) Gecko/20100101 Firefox/31.0',
},
{
id: 19,
firstName: 'Gust',
lastName: 'Purdy',
maidenName: 'Abshire',
age: 46,
gender: 'male',
email: '[email protected]',
phone: '+86 886 889 0258',
username: 'bleveragei',
password: 'UZGAiqPqWQHQ',
birthDate: '1989-10-15',
image: 'https://robohash.org/delenitipraesentiumvoluptatum.png',
bloodGroup: 'A−',
height: 167,
weight: 65.3,
eyeColor: 'Amber',
hair: {
color: 'Black',
type: 'Straight',
},
domain: 'homestead.com',
ip: '90.202.216.39',
address: {
address: '629 Debbie Drive',
city: 'Nashville',
coordinates: {
lat: 36.208114,
lng: -86.58621199999999,
},
postalCode: '37076',
state: 'TN',
},
macAddress: '22:98:8D:97:2D:AE',
university: 'Xinjiang University',
bank: {
cardExpire: '05/22',
cardNumber: '5602214306858976',
cardType: 'bankcard',
currency: 'Yuan Renminbi',
iban: 'GB94 MOIU 1274 8449 9733 05',
},
company: {
address: {
address: '6463 Vrain Street',
city: 'Arvada',
coordinates: {
lat: 39.814056,
lng: -105.046913,
},
postalCode: '80003',
state: 'CO',
},
department: 'Sales',
name: 'Bahringer, Auer and Wehner',
title: 'Financial Analyst',
},
ein: '53-7190545',
ssn: '809-93-2422',
userAgent:
'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.3 Safari/534.24',
},
{
id: 20,
firstName: 'Lenna',
lastName: 'Renner',
maidenName: 'Schumm',
age: 41,
gender: 'female',
email: '[email protected]',
phone: '+1 904 601 7177',
username: 'aeatockj',
password: 'szWAG6hc',
birthDate: '1980-01-19',
image: 'https://robohash.org/ipsumutofficiis.png',
bloodGroup: 'O−',
height: 175,
weight: 68,
eyeColor: 'Green',
hair: {
color: 'Black',
type: 'Strands',
},
domain: 'sourceforge.net',
ip: '59.43.194.22',
address: {
address: '22572 Toreador Drive',
city: 'Salinas',
coordinates: {
lat: 36.602449,
lng: -121.699071,
},
postalCode: '93908',
state: 'CA',
},
macAddress: 'ED:64:AE:91:49:C9',
university: 'Moraine Valley Community College',
bank: {
cardExpire: '07/22',
cardNumber: '3565173055875732',
cardType: 'jcb',
currency: 'Dollar',
iban: 'GT39 KL9Z CZYV XF26 UPYW SFPT H74U',
},
company: {
address: {
address: '491 Arabian Way',
city: 'Grand Junction',
coordinates: {
lat: 39.07548999999999,
lng: -108.474785,
},
postalCode: '81504',
state: 'CO',
},
department: 'Support',
name: 'Hoppe Group',
title: 'Geologist III',
},
ein: '88-6715551',
ssn: '389-03-0381',
userAgent:
'Mozilla/5.0 (X11; Linux i686) AppleWebKit/534.24 (KHTML, like Gecko) Ubuntu/10.10 Chromium/12.0.702.0 Chrome/12.0.702.0 Safari/534.24',
},
{
id: 21,
firstName: 'Doyle',
lastName: 'Ernser',
maidenName: 'Feeney',
age: 23,
gender: 'male',
email: '[email protected]',
phone: '+86 634 419 6839',
username: 'ckensleyk',
password: 'tq7kPXyf',
birthDate: '1983-01-22',
image: 'https://robohash.org/providenttemporadelectus.png',
bloodGroup: 'A−',
height: 173,
weight: 69.9,
eyeColor: 'Brown',
hair: {
color: 'Black',
type: 'Curly',
},
domain: 'free.fr',
ip: '87.213.156.73',
address: {
address: '3034 Mica Street',
city: 'Fayetteville',
coordinates: {
lat: 36.0807929,
lng: -94.2066449,
},
postalCode: '72704',
state: 'AR',
},
macAddress: 'E2:5A:A5:85:9B:6D',
university: 'Nanjing University of Traditional Chinese Medicine',
bank: {
cardExpire: '06/24',
cardNumber: '30464640811198',
cardType: 'diners-club-carte-blanche',
currency: 'Yuan Renminbi',
iban: 'BE41 7150 0766 2980',
},
company: {
address: {
address: '5906 Milton Avenue',
city: 'Deale',
coordinates: {
lat: 38.784451,
lng: -76.54125499999999,
},
postalCode: '20751',
state: 'MD',
},
department: 'Product Management',
name: 'Brekke Group',
title: 'Programmer Analyst I',
},
ein: '23-4116115',
ssn: '562-46-9709',
userAgent:
'Mozilla/5.0 (Windows NT 6.2) AppleWebKit/536.3 (KHTML, like Gecko) Chrome/19.0.1061.0 Safari/536.3',
},
{
id: 22,
firstName: 'Tressa',
lastName: 'Weber',
maidenName: 'Williamson',
age: 41,
gender: 'female',
email: '[email protected]',
phone: '+34 517 104 6248',
username: 'froachel',
password: 'rfVSKImC',
birthDate: '1987-11-11',
image: 'https://robohash.org/temporarecusandaeest.png',
bloodGroup: 'B−',
height: 164,
weight: 87.1,
eyeColor: 'Green',
hair: {
color: 'Black',
type: 'Strands',
},
domain: 'indiatimes.com',
ip: '71.57.235.192',
address: {
address: '3729 East Mission Boulevard',
city: 'Fayetteville',
coordinates: {
lat: 36.0919353,
lng: -94.10654219999999,
},
postalCode: '72703',
state: 'AR',
},
macAddress: 'A4:8B:56:BC:ED:98',
university: 'Universitat Rámon Llull',
bank: {
cardExpire: '12/21',
cardNumber: '342220243660686',
cardType: 'americanexpress',
currency: 'Euro',
iban: 'CY09 2675 2653 QNEJ JNSA 0E2V ONMM',
},
company: {
address: {
address: '8800 Cordell Circle',
city: 'Anchorage',
coordinates: {
lat: 61.1409305,
lng: -149.9437822,
},
postalCode: '99502',
state: 'AK',
},
department: 'Research and Development',
name: 'Durgan Group',
title: 'VP Quality Control',
},
ein: '78-2846180',
ssn: '155-87-0243',
userAgent:
'Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10_4_11; de-de) AppleWebKit/533.16 (KHTML, like Gecko) Version/4.1 Safari/533.16',
},
{
id: 23,
firstName: 'Felicity',
lastName: "O'Reilly",
maidenName: 'Rosenbaum',
age: 46,
gender: 'female',
email: '[email protected]',
phone: '+63 919 564 1690',
username: 'beykelhofm',
password: 'zQwaHTHbuZyr',
birthDate: '1967-10-05',
image: 'https://robohash.org/odioquivero.png',
bloodGroup: 'O−',
height: 151,
weight: 96.7,
eyeColor: 'Brown',
hair: {
color: 'Brown',
type: 'Curly',
},
domain: 'tamu.edu',
ip: '141.14.53.176',
address: {
address: '5114 Greentree Drive',
city: 'Nashville',
coordinates: {
lat: 36.0618539,
lng: -86.738508,
},
postalCode: '37211',
state: 'TN',
},
macAddress: '4D:AB:8D:9A:E5:02',
university: 'University of lloilo',
bank: {
cardExpire: '06/22',
cardNumber: '6333837222395642',
cardType: 'switch',
currency: 'Peso',
iban: 'FR40 3929 7903 26S5 QL9A HUSV Z09',
},
company: {
address: {
address: '1770 Colony Way',
city: 'Fayetteville',
coordinates: {
lat: 36.0867,
lng: -94.229754,
},
postalCode: '72704',
state: 'AR',
},
department: 'Legal',
name: 'Romaguera, Williamson and Kessler',
title: 'Assistant Manager',
},
ein: '92-4814248',
ssn: '441-72-1229',
userAgent:
'Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.2 (KHTML, like Gecko) Chrome/15.0.872.0 Safari/535.2',
},
{
id: 24,
firstName: 'Jocelyn',
lastName: 'Schuster',
maidenName: 'Dooley',
age: 19,
gender: 'male',
email: '[email protected]',
phone: '+7 968 462 1292',
username: 'brickeardn',
password: 'bMQnPttV',
birthDate: '1966-06-02',
image: 'https://robohash.org/odiomolestiaealias.png',
bloodGroup: 'O+',
height: 166,
weight: 93.3,
eyeColor: 'Brown',
hair: {
color: 'Brown',
type: 'Curly',
},
domain: 'pen.io',
ip: '116.92.198.102',
address: {
address: '3466 Southview Avenue',
city: 'Montgomery',
coordinates: {
lat: 32.341227,
lng: -86.2846859,
},
postalCode: '36111',
state: 'AL',
},
macAddress: 'AF:AA:20:8E:CA:CD',
university: 'Bashkir State Medical University',
bank: {
cardExpire: '11/21',
cardNumber: '5007666357943463',
cardType: 'mastercard',
currency: 'Ruble',
iban: 'NL22 YBPM 0101 6695 08',
},
company: {
address: {
address: '80 North East Street',
city: 'Holyoke',
coordinates: {
lat: 42.2041219,
lng: -72.5977704,
},
postalCode: '01040',
state: 'MA',
},
department: 'Product Management',
name: 'Wintheiser-Boehm',
title: 'Research Nurse',
},
ein: '77-6259466',
ssn: '291-72-5526',
userAgent:
'Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_7; ja-jp) AppleWebKit/533.20.25 (KHTML, like Gecko) Version/5.0.4 Safari/533.20.27',
},
{
id: 25,
firstName: 'Edwina',
lastName: 'Ernser',
maidenName: 'Kiehn',
age: 21,
gender: 'female',
email: '[email protected]',
phone: '+86 376 986 8945',
username: 'dfundello',
password: 'k9zgV68UKw8m',
birthDate: '2000-09-28',
image: 'https://robohash.org/doloremautdolores.png',
bloodGroup: 'O+',
height: 180,
weight: 102.1,
eyeColor: 'Blue',
hair: {
color: 'Brown',
type: 'Wavy',
},
domain: 'apple.com',
ip: '48.30.193.203',
address: {
address: '1513 Cathy Street',
city: 'Savannah',
coordinates: {
lat: 32.067416,
lng: -81.125331,
},
postalCode: '31415',
state: 'GA',
},
macAddress: 'EC:59:D3:FC:65:92',
university: 'Wuhan University of Technology',
bank: {
cardExpire: '10/23',
cardNumber: '3558628665594956',
cardType: 'jcb',
currency: 'Yuan Renminbi',
iban: 'RS85 6347 5884 2820 5764 23',
},
company: {
address: {
address: '125 John Street',
city: 'Santa Cruz',
coordinates: {
lat: 36.950901,
lng: -122.046881,
},
postalCode: '95060',
state: 'CA',
},
department: 'Marketing',
name: 'Volkman Group',
title: 'Cost Accountant',
},
ein: '14-6307509',
ssn: '266-43-5297',
userAgent:
'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/536.3 (KHTML, like Gecko) Chrome/19.0.1063.0 Safari/536.3',
},
{
id: 26,
firstName: 'Griffin',
lastName: 'Braun',
maidenName: 'Deckow',
age: 35,
gender: 'male',
email: '[email protected]',
phone: '+62 511 790 0161',
username: 'lgronaverp',
password: '4a1dAKDv9KB9',
birthDate: '1965-09-06',
image: 'https://robohash.org/laboriosammollitiaut.png',
bloodGroup: 'O−',
height: 146,
weight: 65.5,
eyeColor: 'Blue',
hair: {
color: 'Blond',
type: 'Wavy',
},
domain: 'foxnews.com',
ip: '93.246.47.59',
address: {
address: '600 West 19th Avenue',
city: 'Anchorage',
coordinates: {
lat: 61.203115,
lng: -149.894107,
},
postalCode: '99503',
state: 'AK',
},
macAddress: '34:06:26:95:37:D6',
university: 'Universitas Bojonegoro',
bank: {
cardExpire: '07/24',
cardNumber: '3587188969123346',
cardType: 'jcb',
currency: 'Rupiah',
iban: 'AD24 9240 6903 OD2X OW1Y WD1K',
},
company: {
address: {
address: '1508 Massachusetts Avenue Southeast',
city: 'Washington',
coordinates: {
lat: 38.887255,
lng: -76.98318499999999,
},
postalCode: '20003',
state: 'DC',
},
department: 'Engineering',
name: 'Boyle, Boyer and Lang',
title: 'Senior Cost Accountant',
},
ein: '38-0997138',
ssn: '407-02-8915',
userAgent:
'Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5355d Safari/8536.25',
},
{
id: 27,
firstName: 'Piper',
lastName: 'Schowalter',
maidenName: 'Wuckert',
age: 47,
gender: 'female',
email: '[email protected]',
phone: '+60 785 960 7918',
username: 'fokillq',
password: 'xZnWSWnqH',
birthDate: '1983-06-07',
image: 'https://robohash.org/nequeodiosapiente.png',
bloodGroup: 'A−',
height: 197,
weight: 71.5,
eyeColor: 'Brown',
hair: {
color: 'Black',
type: 'Curly',
},
domain: 'toplist.cz',
ip: '100.159.51.104',
address: {
address: '1208 Elkader Court North',
city: 'Nashville',
coordinates: {
lat: 36.080049,
lng: -86.60116099999999,
},
postalCode: '37013',
state: 'TN',
},
macAddress: '1F:42:5D:8C:66:3D',
university: 'Sultanah Bahiyah Polytechnic',
bank: {
cardExpire: '09/22',
cardNumber: '6762169351744592',
cardType: 'maestro',
currency: 'Ringgit',
iban: 'BH05 STDW HECU HD4S L8U1 C6',
},
company: {
address: {
address: '600 West 19th Avenue',
city: 'Anchorage',
coordinates: {
lat: 61.203115,
lng: -149.894107,
},
postalCode: '99503',
state: 'AK',
},
department: 'Human Resources',
name: "O'Hara and Sons",
title: 'Sales Representative',
},
ein: '11-3129153',
ssn: '408-90-5986',
userAgent:
'Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2224.3 Safari/537.36',
},
{
id: 28,
firstName: 'Kody',
lastName: 'Terry',
maidenName: 'Larkin',
age: 28,
gender: 'male',
email: '[email protected]',
phone: '+81 859 545 8951',
username: 'xisherwoodr',
password: 'HLDqN5vCF',
birthDate: '1979-01-09',
image: 'https://robohash.org/consequunturabnon.png',
bloodGroup: 'B−',
height: 172,
weight: 90.2,
eyeColor: 'Blue',
hair: {
color: 'Brown',
type: 'Wavy',
},
domain: 'elpais.com',
ip: '51.102.180.216',
address: {
address: '210 Green Road',
city: 'Manchester',
coordinates: {
lat: 41.7909099,
lng: -72.51195129999999,
},
postalCode: '06042',
state: 'CT',
},
macAddress: 'B4:B6:17:3C:41:E5',
university: 'Science University of Tokyo',
bank: {
cardExpire: '05/23',
cardNumber: '201443655632569',
cardType: 'diners-club-enroute',
currency: 'Yen',
iban: 'GT70 4NNE RDSR 0AJV 6AQI 4XH1 RWOC',
},
company: {
address: {
address: '109 Summit Street',
city: 'Burlington',
coordinates: {
lat: 44.4729749,
lng: -73.2026566,
},
postalCode: '05401',
state: 'VT',
},
department: 'Support',
name: 'Leffler, Beatty and Kilback',
title: 'Recruiting Manager',
},
ein: '09-1129306',
ssn: '389-74-9456',
userAgent:
'Mozilla/6.0 (Macintosh; I; Intel Mac OS X 11_7_9; de-LI; rv:1.9b4) Gecko/2012010317 Firefox/10.0a4',
},
{
id: 29,
firstName: 'Macy',
lastName: 'Greenfelder',
maidenName: 'Koepp',
age: 45,
gender: 'female',
email: '[email protected]',
phone: '+81 915 649 2384',
username: 'jissetts',
password: 'ePawWgrnZR8L',
birthDate: '1976-09-07',
image: 'https://robohash.org/amettemporeea.png',
bloodGroup: 'A−',
height: 166,
weight: 93.7,
eyeColor: 'Amber',
hair: {
color: 'Black',
type: 'Straight',
},
domain: 'ibm.com',
ip: '197.37.13.163',
address: {
address: '49548 Road 200',
city: "O'Neals",
coordinates: {
lat: 37.153463,
lng: -119.648192,
},
postalCode: '93645',
state: 'CA',
},
macAddress: 'D7:14:C5:45:69:C1',
university: "Fuji Women's College",
bank: {
cardExpire: '04/24',
cardNumber: '633413352570887921',
cardType: 'solo',
currency: 'Yen',
iban: 'IS23 8410 4605 1294 9479 5900 11',
},
company: {
address: {
address: '5403 Illinois Avenue',
city: 'Nashville',
coordinates: {
lat: 36.157077,
lng: -86.853827,
},
postalCode: '37209',
state: 'TN',
},
department: 'Product Management',
name: 'Bruen and Sons',
title: 'Structural Analysis Engineer',
},
ein: '31-6688179',
ssn: '391-33-1550',
userAgent:
'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_2) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.45 Safari/535.19',
},
{
id: 30,
firstName: 'Maurine',
lastName: 'Stracke',
maidenName: 'Abshire',
age: 31,
gender: 'female',
email: '[email protected]',
phone: '+48 143 590 6847',
username: 'kdulyt',
password: '5t6q4KC7O',
birthDate: '1964-12-18',
image: 'https://robohash.org/perferendisideveniet.png',
bloodGroup: 'O−',
height: 170,
weight: 107.2,
eyeColor: 'Blue',
hair: {
color: 'Blond',
type: 'Wavy',
},
domain: 'ow.ly',
ip: '97.11.116.84',
address: {
address: '81 Seaton Place Northwest',
city: 'Washington',
coordinates: {
lat: 38.9149499,
lng: -77.01170259999999,
},
postalCode: '20001',
state: 'DC',
},
macAddress: '42:87:72:A1:4D:9A',
university: 'Poznan School of Banking',
bank: {
cardExpire: '02/24',
cardNumber: '6331108070510590026',
cardType: 'switch',
currency: 'Zloty',
iban: 'MT70 MKRC 8244 59Z4 9UG1 1HY7 TKM6 1YX',
},
company: {
address: {
address: '816 West 19th Avenue',
city: 'Anchorage',
coordinates: {
lat: 61.203221,
lng: -149.898655,
},
postalCode: '99503',
state: 'AK',
},
department: 'Support',
name: 'Balistreri-Kshlerin',
title: 'Quality Engineer',
},
ein: '51-7727524',
ssn: '534-76-0952',
userAgent:
'Mozilla/5.0 (X11; Linux i686) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.66 Safari/535.11',
},
];
Scratchpad #9
// // // function math(a, b, fn) {
// // // return fn(a, b);
// // // }
// // // function add(a, b) {
// // // return a + b;
// // // }
// // // console.log(math(10, 5, add));
// // // console.log(
// // // math(10, 5, function (a, b) {
// // // return a - b;
// // // })
// // // );
// // const nums = [9, 2, 4, 6, 2, 3, 7, 6];
// // // for (let num of nums) {
// // // console.log(num);
// // // }
// // // nums.forEach(function (num) {
// // // console.log(num);
// // // });
// // nums.forEach(function (num) {
// // if (num % 2 === 0) {
// // console.log(num);
// // }
// // });
// const movies = [
// {
// title: 'Avengers',
// rating: 4.1,
// },
// {
// title: 'Dr. Strange',
// rating: 3.9,
// },
// {
// title: 'Tenet',
// rating: 4.3,
// },
// {
// title: 'Joker',
// rating: 4.7,
// },
// ];
// movies.forEach(function (movie, i) {
// console.log(`${i} - ${movie.title} has a rating of ${movie.rating}`);
// });
// const names = ['john', 'jack', 'jane', 'james'];
// const uppercasedNames = names.map(function (name) {
// return name.toUpperCase();
// });
// console.log(uppercasedNames);
// const uppercasedName = [];
// for (let name of names) {
// uppercasedName.push(name.toUpperCase());
// }
// console.log(uppercasedName);
// const nums = [2, 3, 4, 7, 6, 8, 13, 10, 19, 12, 14, 22, 21, 16];
// // const doubles = nums.map(function (num) {
// // return num * 2;
// // });
// const data = nums.map(function (num) {
// return { num: num, isEven: num % 2 === 0 };
// });
// console.log(data);
// function add(a, b) {
// return a + b;
// }
// const sub = (a, b) => {
// return a - b;
// };
// const square = num => num ** 2;
// console.log(sub(10, 5));
// const nums = [2, 3, 4, 7, 6, 8, 13, 10, 19, 12, 14, 22, 21, 16];
// const doubles = nums.map(n => n * 2);
// // TypeScript (OOP)
// // ReScript (FP)
// let movies = ['The Terminator', 'The Avengers', 'Jurassic Park', 'Titanic Park']
// // const result = movies.find((movie) => movie.includes('Park'));
// const result = movies.find((movie) => movie[0] === 'T');
// console.log(result);
// const books = [
// {
// title: 'The Shining',
// author: 'Stephen King',
// rating: 4.1
// },
// {
// title: 'Sacred Games',
// author: 'Vikram Chandra',
// rating: 4.5
// },
// {
// title: '1984',
// author: 'George Orwell',
// rating: 4.9
// },
// {
// title: 'The Alchemist',
// author: 'Paulo Coelho',
// rating: 3.5
// },
// {
// title: 'The Great Gatsby',
// author: 'F. Scott Fitzgerald',
// rating: 3.8
// }
// ]
// const result = books.filter((book) => book.rating > 3.9);
// console.log(result)
// const goodBook = books.find(b => b.rating >= 4.3)
// const georgeBook = books.find(b => (
// b.author.includes('George')
// ))
// const lowRated = books.find(book => {
// return book.rating < 4
// })
// console.log(goodBook)
// console.log(georgeBook)
// const goodBook = books.filter(b => b.rating >= 4.3)
// const georgeBooks = books.filter(b => (
// b.author.includes('George')
// ))
// const lowRated = books.filter(book => {
// return book.rating < 4
// })
// let query = 'the'
// const filteredBooks = books.filter(book => {
// const title = book.title.toLowerCase()
// return title.includes(query)
// })
// console.log(goodBook)
// console.log(georgeBooks)
// console.log(lowRated)
// console.log(booksWithThe)
// const bestBooks = books.every(book => (
// book.rating >= 4
// ))
// const notAuthor = books.every(
// book => book.author.toLowerCase() !== 'chetan bhagat'
// )
// console.log(bestBooks)
// console.log(notAuthor)
const names = ['jack', 'james', 'john', 'jane', 'josh', 'brad'];
const result = names.some((name) => name[0] === 'j');
console.log(result);
Scratchpad #10
// // // const prices = [500.4, 211, 23, 5, 4, 22.2, -23.2, 9233];
// // // prices.sort((a, b) => b - a);
// // // console.log(prices);
// // // const books = [
// // // {
// // // title: 'The Shining',
// // // author: 'Stephen King',
// // // rating: 4.1,
// // // },
// // // {
// // // title: 'Sacred Games',
// // // author: 'Vikram Chandra',
// // // rating: 4.5,
// // // },
// // // {
// // // title: '1984',
// // // author: 'George Orwell',
// // // rating: 4.9,
// // // },
// // // {
// // // title: 'The Alchemist',
// // // author: 'Paulo Coelho',
// // // rating: 3.5,
// // // },
// // // {
// // // title: 'The Great Gatsby',
// // // author: 'F. Scott Fitzgerald',
// // // rating: 3.8,
// // // },
// // // ];
// // // books.sort((a, b) => b.rating - a.rating);
// // // console.log(books);
// // // const arr = [1, 2, 3, 4, 5];
// // // const result = arr.reduce((acc, currVal) => acc + currVal);
// // // console.log(result);
// // // // acc currVal
// // // // 1 2
// // // // 3 3
// // // // 6 4
// // // // 10 5
// // // // 15
// // // let nums = [21, 221, 2, 1, 34, 123, 4342, 56, 4];
// // // const result = nums.reduce((acc, currVal) => {
// // // if (currVal > acc) {
// // // return currVal;
// // // }
// // // return acc;
// // // });
// // // console.log(result);
// // // acc currVal
// // // 21 221
// // // 221 2
// // // 221 1
// // // 221
// // // const arr = [1, 2, 3, 4, 5];
// // // const result = arr.reduce((acc, currVal) => acc + currVal, 100);
// // // console.log(result);
// // // // 100 1
// // // /**
// // // *
// // // * @param {number} a
// // // * @param {number} b
// // // * @returns {number}
// // // */
// // // function add(a, b) {
// // // return a + b;
// // // }
// // // console.log(add(10));
// // // function add(a, b) {
// // // if (typeof a === 'undefined') {
// // // a = 0;
// // // }
// // // if (typeof b === 'undefined') {
// // // b = 0;
// // // }
// // // return a + b;
// // // }
// // // console.log(add(10));
// // function add(a = 0, b = 0) {
// // return a + b;
// // }
// // console.log(add(10, 20));
// "kayak" // palindrome
// isPalindrome("hello") -> false
// capitalize("hello world this is something")
// // "Hello World This Is Something"
// // function findIndex(arr, val) {
// // }
// // findIndex(["john", "jack", "hello", "world"], "hello") // -1
// count("hello world", "l") // 3
// // "hello world"
// "hello" // "H"
// longestWord("hello world this is something") // something
function capitalize(sentence) {
const wordsArr = sentence.split(' ');
const capWordsArr = [];
for (let word of wordsArr) {
const uppercasedWord = word[0].toUpperCase() + word.slice(1);
capWordsArr.push(uppercasedWord);
}
return capWordsArr.join(' ');
}
console.log(capitalize('hello this is something'));
Scratchpad #11
// // function greet(a, b, c) {
// // console.log(a);
// // console.log(b);
// // console.log(c);
// // }
// // const words = ['John', 'Jane', 'Test'];
// // // greet(...words);
// // greet(...'hello world');
// // function add(a, b, ...nums) {
// // console.log(a);
// // console.log(b);
// // console.log(nums);
// // }
// // add(10, 4, 100, 232, 23, 1, 12, 2, 3, 43, 4, 4);
// function add(...nums) {
// let total = 0;
// for (let num of nums) {
// total += num;
// }
// return total;
// }
// console.log(
// add(10, 2334, 24, 34, 534, 5, 4536, 456, 34, 5456, 567, 67, 232, 3, 3)
// );
// const users = ['john', 'jane', 'jack'];
// // const admin = users[0];
// // const moderator = users[1];
// // const subscriber = users[2];
// const [admin, ...others] = users;
// console.log(admin, others);
// const user = {
// firstName: 'John',
// lastName: 'Doe',
// email: '[email protected]',
// phone: 99982234567,
// };
// const { firstName, lastName, ...others } = user;
// console.log(firstName, lastName, others);
// function printProfile({ firstName, lastName, age }) {
// console.log(
// `Hello, my name is ${firstName} ${lastName} and I am ${age} years old.`
// );
// }
// printProfile({ firstName: 'Jane', lastName: 'Doe', age: 20 });
// const movieReviews = [4.5, 5.0, 3.2, 2.1, 4.7, 3.8, 3.1, 3.9, 4.4];
// const highest = Math.max(...movieReviews);
// const lowest = Math.min(...movieReviews);
// let total = 0;
// movieReviews.forEach((rating) => (total += rating));
// const average = total / movieReviews.length;
// const info = { highest, lowest, average, hello: 'world' };
// console.log(info);
// const getReviewDetails = (arr) => {
// const highest = Math.max(...arr);
// const lowest = Math.min(...arr);
// const total = arr.reduce((accumulator, nextVal) => accumulator + nextVal);
// const average = total / arr.length;
// return {
// highest,
// lowest,
// total,
// average,
// };
// };
// const reviewList = [4.5, 5.0, 3.2, 2.1, 4.7, 3.8, 3.1, 3.9, 4.4];
// const statistics = getReviewDetails(reviewList);
// console.log(statistics);
// const username = 'janedoe';
// const role = 'admin';
// const user1 = { [role]: username };
// console.log(user1);
// const addProperty = (obj, k, v) => {
// return { ...obj, [k]: v };
// };
// console.log(addProperty({ firstName: 'john' }, 'lastName', 'doe'));
// const math = {
// multiply(x, y) {
// return x * y;
// },
// divide(x, y) {
// return x / y;
// },
// subtract(x) {
// return x - x;
// },
// };
// console.log(math.multiply(10, 5));
// console.log('This is a test message');
// function greet() {
// console.log('Hello World!');
// console.log(this);
// }
greet();
const user = {
firstName: 'Jack',
lastName: 'Smith',
age: 20,
greet: function () {
console.log(this);
},
};
user.greet();
Scratchpad #12 and #13
// // function greet() {
// // console.log(this);
// // }
// // greet();
// // const user = {
// // firstName: 'John',
// // greet() {
// // console.log(this);
// // },
// // };
// // user.greet();
// // window.alert('Hello World');
// // let aaHelloWorld = 'Test Message';
// // console.log(this);
// // console.log(window.aaHelloWorld);
// // function greet() {
// // console.log(
// // `Hello, my name is ${this.firstName} ${this.lastName} and I am ${this.age} years old.`
// // );
// // }
// // const user1 = {
// // firstName: 'John',
// // lastName: 'Doe',
// // age: 20,
// // greet,
// // };
// // const user2 = {
// // firstName: 'Jane',
// // lastName: 'Smith',
// // age: 22,
// // greet,
// // };
// // const user3 = {
// // firstName: 'Jack',
// // lastName: 'Roe',
// // age: 30,
// // greet,
// // };
// // user1.greet();
// // user2.greet();
// // user3.greet();
// // const user = {
// // firstName: 'John',
// // hello() {
// // return `Hello, my name is ${this.firstName}`;
// // },
// // greet() {
// // console.log(this.hello());
// // },
// // };
// // // user.greet();
// // const greetUser = user.greet;
// // greetUser();
// // () => {}
// const hellos = {
// messages: [
// 'hello world',
// 'hello universe',
// 'hello darkness',
// 'hello hello',
// 'heylo',
// ],
// pickMsg: function () {
// const index = Math.floor(Math.random() * this.messages.length);
// return this.messages[index];
// },
// start() {
// setInterval(() => {
// // this -> hellos
// console.log(this.pickMsg());
// }, 1000);
// },
// };
// // console.log(hellos.pickMsg());
// hellos.start();
// // const user = {
// // firstName: 'John',
// // greet: () => {
// // // this -> window
// // console.log(this);
// // },
// // };
// // user.greet()
// console.dir(document.all);
// const el = document.getElementById('special');
// console.dir(el);
// const ul = document.getElementsByTagName('ul');
// console.log(ul);
// const els = document.getElementsByClassName('imp');
// console.log(els);
// const ul = document.getElementsByTagName('ul')[0];
// const imps = ul.getElementsByClassName('imp');
// console.log(imps);
const ul = document.querySelectorAll('li');
console.log(ul);
// const title = document.querySelector('h1');
// // console.log(title.innerText);
// title.innerText = 'This is a title ---------------------';
// const ul = document.querySelector('ul');
// ul.innerText = 'Hello World';
// const p = document.querySelector('p');
// console.log(p.textContent);
// const p = document.querySelector('p');
// p.innerHTML = 'Hello <strong>World</strong>';
// p.innerHTML += '. This is another line.';
// const link = document.querySelector('a');
// link.href = 'https://duckduckgo.com';
// link.target = '_blank';
// link.id = 'main-link';
// console.log(link.href);
// console.log(link.getAttribute('href'));
// link.href = 'https://duckduckgo.com';
// link.setAttribute('href', 'https://bing.com');
// console.log(link.parentElement.nextElementSibling.parentElement.parentElement);
// console.log(link.children);
// // const lis = document.querySelectorAll('li');
// // for (let li of lis) {
// // setInterval(function () {
// // li.innerText = Math.random();
// // }, 100);
// // }
// const link = document.querySelector('a');
// link.style.color = 'red';
// link.style.backgroundColor = 'yellow';
// const lis = document.querySelectorAll('li');
// const colors = [
// 'red',
// 'yellow',
// 'green',
// 'orange',
// 'blue',
// 'purple',
// 'maroon',
// 'peachpuff',
// 'aqua',
// 'brown',
// 'burlywood',
// 'darksalmon',
// 'goldenrod',
// 'darkkhaki',
// ];
// for (let li of lis) {
// setInterval(function () {
// li.innerText = Math.random();
// const num = Math.floor(Math.random() * colors.length);
// let randomNum = Math.floor(Math.random() * 100) + 1;
// li.style.color = colors[num];
// document.body.style.backgroundColor = colors[num];
// li.style.fontSize = `${randomNum}px`;
// }, 50);
// }
const li = document.querySelector('li');
// li.setAttribute('class', 'todo done');
li.classList.add('done');
console.log(li.classList);
li.classList.remove('helloworld');
li.classList.toggle('test');
Scratchpad #14
// const root = document.querySelector('#root');
// const section = document.createElement('section');
// section.style.padding = '20px 40px';
// section.style.border = '2px solid black';
// const title = document.createElement('h1'); // <h1></h1>
// title.innerText = 'Hello World, I have been added using JavaScript';
// title.style.color = 'blue';
// title.style.fontFamily = 'Helvetica, sans-serif';
// section.appendChild(title);
// root.appendChild(section);
// const ul = document.querySelector('ul');
// const testEl = document.querySelector('.test');
// const newTask = document.createElement('li');
// newTask.innerText = 'NEW task test message';
// ul.insertBefore(newTask, testEl);
// const para = document.querySelector('p');
// const b = document.createElement('b');
// b.innerText = 'This is bold';
// const i = document.createElement('i');
// i.innerText = 'Some italic text';
// // para.insertAdjacentElement('afterend', b);
// para.prepend(b, i);
// para.remove();
// const colors = [
// 'red',
// 'yellow',
// 'green',
// 'orange',
// 'blue',
// 'purple',
// 'maroon',
// 'peachpuff',
// 'aqua',
// 'brown',
// 'burlywood',
// 'darksalmon',
// 'goldenrod',
// 'darkkhaki',
// ];
// const btn = document.querySelector('button');
// btn.onclick = function () {
// const num = Math.floor(Math.random() * colors.length);
// document.body.style.backgroundColor = colors[num];
// console.log('Hello World');
// };
// btn.onclick = function () {
// console.log('Goodbye');
// };
// const btn = document.querySelector('button');
// btn.addEventListener('click', function () {
// console.log('Hello World');
// });
// btn.addEventListener('click', function () {
// console.log('Goodbye World');
// });
// btn.addEventListener('mouseover', function () {
// console.log('I was hovered upon');
// });
// window.addEventListener('scroll', function () {
// console.log('SCROLLING');
// });
// const btn = document.querySelector('button');
// btn.style.position = 'relative';
// btn.addEventListener('mouseover', function () {
// const height = Math.floor(Math.random() * window.innerHeight);
// const width = Math.floor(Math.random() * window.innerWidth);
// btn.style.left = `${width}px`;
// btn.style.top = `${height}px`;
// });
// btn.addEventListener('click', function () {
// btn.innerText = 'You win!!!';
// document.body.style.backgroundColor = 'green';
// });
// const colors = [
// 'red',
// 'orange',
// 'yellow',
// 'green',
// 'blue',
// 'purple',
// 'indigo',
// 'violet',
// ];
// const root = document.querySelector('#root');
// root.style.display = 'flex';
// const para = document.createElement('p');
// para.innerHTML = 'SELECT A COLOR';
// root.insertAdjacentElement('beforebegin', para);
// for (let color of colors) {
// const box = document.createElement('div');
// box.style.height = '100px';
// box.style.width = '100px';
// box.style.backgroundColor = color;
// box.addEventListener('click', function (event) {
// para.innerText = color;
// console.log(event);
// });
// root.append(box);
// }
const form = document.querySelector('form');
const ul = document.querySelector('ul');
form.addEventListener('submit', function (event) {
event.preventDefault();
const li = document.createElement('li');
li.innerText = event.target[0].value;
const deleteBtn = document.createElement('button');
deleteBtn.innerText = 'X';
deleteBtn.style.marginLeft = '20px';
deleteBtn.addEventListener('click', function () {
li.remove();
});
li.append(deleteBtn);
li.addEventListener('click', function () {
li.style.color = 'lightgray';
li.style.textDecoration = 'line-through';
});
ul.append(li);
event.target[0].value = '';
});
Scratchpad #15, 16 and 17
function multiply(a, b) {
return a * b;
}
function square(num) {
return multiply(num, num);
}
function rightTriangle(a, b, c) {
return square(a) + square(b) === square(c);
}
rightTriangle(3, 4, 5);
// console.log('My first log');
// alert('This is an alert!');
// console.log('My second log');
// console.log('My first log');
// setTimeout(function () {
// console.log('Hello World');
// }, 5000);
// console.log('My second log');
const btn = document.querySelector('button');
setTimeout(function () {
btn.style.transform = `translateX(100px)`;
setTimeout(function () {
btn.style.transform = `translateX(200px)`;
setTimeout(function () {
btn.style.transform = `translateX(300px)`;
setTimeout(function () {
btn.style.transform = `translateX(400px)`;
setTimeout(function () {
btn.style.transform = `translateX(500px)`;
setTimeout(function () {
btn.style.transform = `translateX(600px)`;
setTimeout(function () {
btn.style.transform = `translateX(700px)`;
}, 1000);
}, 1000);
}, 1000);
}, 1000);
}, 1000);
}, 1000);
}, 1000);
// // const willGetAPlaystation = new Promise((resolve, reject) => {
// // const num = Math.random();
// // if (num > 0.5) {
// // resolve();
// // } else {
// // reject();
// // }
// // });
// // willGetAPlaystation
// // .then(() => {
// // console.log('Thank you!');
// // })
// // .catch(() => {
// // console.log('@#!!!@#');
// // });
// // function makePlayStationPromise() {
// // return new Promise((resolve, reject) => {
// // setTimeout(() => {
// // const rand = Math.random();
// // if (rand < 0.5) {
// // resolve();
// // } else {
// // reject();
// // }
// // }, 2000);
// // });
// // }
// // makePlayStationPromise()
// // .then(() => {
// // console.log('Promise was resolved');
// // })
// // .catch(() => {
// // console.log('Promise was rejected');
// // });
// function fakeRequest(url) {
// return new Promise((resolve, reject) => {
// setTimeout(() => {
// const pages = {
// '/users': [
// { id: 1, username: 'john' },
// { id: 2, username: 'jane' },
// ],
// '/users/1': {
// id: 1,
// username: 'johndoe',
// topPostId: 53231,
// city: 'mumbai',
// },
// '/users/5': {
// id: 1,
// username: 'janedoe',
// topPostId: 32443,
// city: 'pune',
// },
// '/posts/53231': {
// id: 1,
// title: 'Really amazing post',
// slug: 'really-amazing-post',
// },
// };
// const data = pages[url];
// if (data) {
// resolve({ status: 200, data });
// } else {
// reject({ status: 404 });
// }
// }, 1000);
// });
// }
// fakeRequest('/users')
// .then((response) => {
// const userId = response.data[0].id;
// return fakeRequest(`/users/${userId}`);
// })
// .then((response) => {
// const topPostId = response.data.topPostId;
// return fakeRequest(`/posts/${topPostId}`);
// })
// .then((response) => {
// console.log(response);
// })
// .catch((error) => {
// console.log(error);
// });
// isAnagram("race", "hello") // false
// randint(10, 50)
separater('hello this is something', '-'); // "hello-this-is-something"
// fetch('https://swapi.dev/api/people')
// .then((response) => {
// return response.json();
// })
// .then((data) => {
// console.log(data);
// })
// .catch((err) => {
// console.log(err);
// });
// fetch('https://swapi.dev/api/peasdfasdfasdfople')
// .then((response) => {
// console.log('In the then block');
// console.log(response);
// // if (!response.ok) {
// // throw new Error();
// // }
// // return response.json();
// })
// .catch((err) => {
// console.log('In the catch block');
// console.log('Promise was rejected', err);
// });
// axios
// .get('https://swapi.dev/api/peoasdfasdfasdfple')
// .then((response) => {
// console.log('In the then block');
// console.log(response.data);
// })
// .catch((err) => {
// console.log('In the catch block');
// console.log(err);
// });
// axios
// .get('https://swapi.dev/api/people')
// .then((response) => {
// const filmUrl = response.data.results[0].films[0];
// return axios.get(filmUrl);
// })
// .then((response) => {
// console.log(response.data);
// })
// .catch((err) => {
// console.log(err);
// });
// const fetchNextPlanets = (url = 'https://swapi.dev/api/planets/') => {
// console.log(url);
// return axios.get(url);
// };
// const printPlanets = ({ data }) => {
// console.log(data);
// for (let planet of data.results) {
// console.log(planet.name);
// }
// return Promise.resolve(data.next);
// };
// fetchNextPlanets()
// .then(printPlanets)
// .then(fetchNextPlanets)
// .then(printPlanets)
// .catch((err) => console.log('ERROR OCCURRED', err));
// const root = document.querySelector('#root');
// axios
// .get('https://swapi.dev/api/people')
// .then((response) => {
// for (let person of response.data.results) {
// const p = document.createElement('p');
// p.innerText = person.name;
// root.append(p);
// }
// })
// .catch((err) => {
// console.log(err);
// });
document.body.style.backgroundColor = 'rgba(0,0,0,0.2)';
const root = document.querySelector('#root');
root.style.display = 'grid';
root.style.gridTemplateColumns = '1fr 1fr 1fr 1fr 1fr';
root.style.gap = '20px';
axios
.get(`https://pokeapi.co/api/v2/pokemon?limit=100000`)
.then(({ data }) => {
for (let pokemon of data.results) {
axios.get(pokemon.url).then((res) => {
const img = document.createElement('img');
img.src = res.data.sprites.other['official-artwork'].front_default;
img.style.width = '100%';
const name = document.createElement('h4');
name.innerText = res.data.name;
name.style.margin = '10px 25px';
name.style.textAlign = 'center';
name.style.fontSize = '30px';
name.style.fontFamily = 'sans-serif';
name.style.textTransform = 'capitalize';
const card = document.createElement('div');
card.style.backgroundColor = 'white';
card.style.boxShadow = '0 2px 4px 0 rgba(0,0,0,0.4)';
card.style.borderRadius = '13px';
card.style.padding = '5px';
card.append(img, name);
root.append(card);
});
}
})
.catch((err) => {
console.log(err);
});
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
.todo {
color: black;
font-size: 25px;
font-weight: bold;
margin-bottom: 20px;
}
.done {
text-decoration: line-through;
color: lightgray;
}
</style>
</head>
<body>
<div id="root"></div>
<!-- <button>Click this</button> -->
<!-- <button>Click this</button> -->
<!-- <h2>My Task Manager</h2>
<form>
<input type="text" placeholder="Add a task" />
<button type="submit">Add Task</button>
</form>
<h3>My Tasks</h3>
<ul></ul> -->
<!-- <button>Click this</button> -->
<!-- <div id="root"></div> -->
<!-- <ul>
<li>
FIRST Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maiores,
omnis!
</li>
<li class="test">
SECOND Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Maiores, omnis!
</li>
<li>
THIRD Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maiores,
omnis!
</li>
</ul>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci
repudiandae, alias odit eum nesciunt expedita, inventore tempora iusto ab,
ut possimus? Consequuntur debitis veritatis optio iure rerum, sequi eaque
quos.
</p> -->
<!-- <h1 class="imp">Hello World</h1>
<p>
<a href="https://google.com"><strong>Google</strong></a>
</p> -->
<!-- <p class="special">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis,
consectetur.
<script>
console.log('HELLO WORLD!');
</script>
</p> -->
<!-- <p id="special">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore
delectus facilis nemo, sit ad repellat minima atque modi repudiandae
voluptate odit, sapiente eaque at. Quam quisquam ducimus possimus adipisci
sapiente?
</p>
<ul>
<li class="todo helloworld">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora vitae
ratione doloribus quaerat eius eveniet inventore illo error at odio.
</li>
<li class="todo">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio,
blanditiis?
</li>
<li class="todo">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reiciendis
dolores nobis iusto minima recusandae? Ipsa assumenda quae, atque illo
neque, minima sint impedit, autem incidunt deleniti magnam iure
voluptatum sapiente!
</li>
</ul> -->
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="./scratchpad_17.js"></script>
</body>
</html>
Scratchpad #18 and #19
// function getData() {
// const response = axios.get(`https://swapi.dev/api/planets`);
// // console.log(response);
// response
// .then((data) => {
// console.log(data);
// })
// .catch((err) => {
// console.log(err);
// });
// }
// getData();
// function greet1() {
// return new Promise((resolve, reject) => {
// resolve('Hello World');
// });
// }
// async function greet() {
// return 'Hello World';
// }
// console.log(greet1());
// console.log(greet());
// function add(x, y) {
// return new Promise((resolve, reject) => {
// if (typeof x !== 'number' || typeof y !== 'number') {
// reject('X and Y need to be numbers');
// }
// resolve(x + y);
// });
// }
// async function add2(x, y) {
// if (typeof x !== 'number' || typeof y !== 'number') {
// throw 'X and Y need to be numbers';
// }
// return x + y;
// }
// console.log(add(10, 10));
// console.log(add2(10, 10));
// async function getData() {
// try {
// const response = await axios.get(`https://swapi.dev/api/planets`);
// console.log(response);
// } catch (err) {
// console.log(err);
// }
// }
// getData();
// // getData().catch((err) => {
// // console.log(err);
// // });
// async function getPokemon() {
// const pokemon1Promise = axios.get('https://pokeapi.co/api/v2/pokemon/1');
// const pokemon2Promise = axios.get('https://pokeapi.co/api/v2/pokemon/2');
// const pokemon3Promise = axios.get('https://pokeapi.co/api/v2/pokemon/3');
// const results = await Promise.all([
// pokemon1Promise,
// pokemon2Promise,
// pokemon3Promise,
// ]);
// console.log(results);
// // const pokemon1 = await pokemon1Promise;
// // const pokemon2 = await pokemon2Promise;
// // const pokemon3 = await pokemon3Promise;
// // console.log(pokemon1);
// // console.log(pokemon2);
// // console.log(pokemon3);
// }
// getPokemon();
// function initializeDeck() {
// const deck = [];
// const suits = ['hearts', 'diamonds', 'spades', 'clubs'];
// const values = '2,3,4,5,6,7,8,9,10,J,Q,K,A';
// for (let value of values.split(',')) {
// for (let suit of suits) {
// deck.push({ value, suit });
// }
// }
// return deck;
// }
// function drawCard(deck, drawnCards) {
// const card = deck.pop();
// drawnCards.push(card);
// return card;
// }
// function drawMultiple(numCards, deck, drawnCards) {
// const cards = [];
// for (let i = 0; i < numCards; i++) {
// cards.push(drawCard(deck, drawnCards));
// }
// return cards;
// }
// function shuffle(deck) {
// // loop over array backwards
// for (let i = deck.length - 1; i > 0; i--) {
// // pick random index before current element
// let j = Math.floor(Math.random() * (i + 1));
// [deck[i], deck[j]] = [deck[j], deck[i]];
// }
// return deck;
// }
// const deck1 = initializeDeck();
// shuffle(deck1);
// const hand = [];
// drawCard(deck1, hand);
// drawCard(deck1, hand);
// drawCard(deck1, hand);
// drawCard(deck1, hand);
// drawMultiple(3, deck1, hand);
// console.log(deck1);
// console.log(hand);
function makeDeck() {
return {
deck: [],
drawnCards: [],
suits: ['hearts', 'diamonds', 'spades', 'clubs'],
values: '2,3,4,5,6,7,8,9,10,J,Q,K,A',
initializeDeck() {
for (let value of this.values.split(',')) {
for (let suit of this.suits) {
this.deck.push({ value, suit });
}
}
return this.deck;
},
drawCard() {
const card = this.deck.pop();
this.drawnCards.push(card);
return card;
},
drawMultiple(numCards) {
const cards = [];
for (let i = 0; i < numCards; i++) {
cards.push(this.drawCard());
}
return cards;
},
shuffle() {
const { deck } = this;
for (let i = deck.length - 1; i > 0; i--) {
let j = Math.floor(Math.random() * (i + 1));
[deck[i], deck[j]] = [deck[j], deck[i]];
}
},
};
}
const deck1 = makeDeck();
const deck2 = makeDeck();
const deck3 = makeDeck();
const deck4 = makeDeck();
console.log(deck1);
console.log(deck2);
console.log(deck3);
console.log(deck4);
// deck1.initializeDeck();
// deck1.shuffle();
// deck1.drawCard();
// deck1.drawCard();
// deck1.drawCard();
// deck1.drawCard();
// function person(firstName, lastName, age) {
// return {
// firstName,
// lastName,
// age,
// greet() {
// return 'Hello World';
// },
// };
// }
// function Person(firstName, lastName, age) {
// this.firstName = firstName;
// this.lastName = lastName;
// this.age = age;
// }
// Person.prototype.greet = function () {
// return 'Hello WOrld!';
// };
// Person.prototype.hello = 'world';
// const john = person('John', 'Doe', 20);
// const jane = person('Jane', 'Smith', 23);
// const jack = new Person('Jack', 'Roe', 24);
// const jill = new Person('Jill', 'Roe', 28);
// // const jack = {
// // firstName: 'Jack',
// // lastName: 'Roe',
// // age: 28,
// // greet() {
// // return 'Hello World';
// // },
// // };
// console.log(john);
// console.log(jane);
// console.log(jack);
// console.log(jill);
// function Person(firstName, lastName, age) {
// this.firstName = firstName;
// this.lastName = lastName;
// this.age = age;
// }
// Person.prototype.greet = function () {
// return 'Hello World!';
// };
class Person {
constructor(firstName, lastName, age) {
this.firstName = firstName;
this.lastName = lastName;
this.age = age;
}
greet() {
return 'Hello World!';
}
}
const jack = new Person('Jack', 'Roe', 24);
const jill = new Person('Jill', 'Roe', 28);
console.log(jack);
console.log(jill);
React
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div id="root"></div>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script src="https://unpkg.com/react@^16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@^16/umd/react-dom.development.js"></script>
<script type="text/babel">
// const root = document.querySelector('#root');
// const title = document.createElement('h1');
// title.innerText = 'Hello World';
// root.append(title);
// const title = React.createElement(
// 'h1',
// {
// id: 'hello',
// className: 'hello-world',
// },
// 'Hello world from React'
// );
// const h1 = React.createElement('h1', null, 'Hello World');
// const p = React.createElement('p', null, 'This is some text');
// const div = React.createElement('div', { children: [h1, p] });
// const div = React.createElement(
// 'div',
// null,
// React.createElement('h1', null, 'Hello World'),
// React.createElement('p', null, 'This is some text')
// );
// const h1 = React.createElement('h1', { id: 'hello' }, 'Hello World');
const h1 = <h1 id='hello'>Hello World</h1>; // React.createElement('h1', {id:'hello'}, 'Hello World')
ReactDOM.render(h1, document.querySelector('#root'));
</script>
</body>
</html>