Muhammad Ahsan Ayaz AhsanAyaz

Author | Speaker | Educator | Google Developers Expert (GDE) in Angular | Software Architect at Scania Group

AhsanAyaz / popover-positional-class.directive.ts

Last active June 11, 2023 21:22

Popover Positional Class Angular Directive for Angular Cookbook 2nd Edition Recipe

AhsanAyaz / api.test.ts

Last active February 21, 2023 09:50

TypeScript file with an API call and tests with jest

	import {describe, expect, test} from '@jest/globals';
	import * as API from './api';
	import fetch from 'jest-mock-fetch';

	describe('api module', () => {
	test('addProp should add bootcamp', async () => {
	/**
	* spying on the fetchUser method to check if it is called
	* by addProp
	* we're also mocking a return value from the fetchUser

AhsanAyaz / javascript-questions.json

Last active December 3, 2022 16:15

JavaScript questions JSON

	[
	{
	"question":"Which is the purpose of JavaScript?",
	"answers":{
	"1":"To style HTML Pages",
	"2":"To add interactivity to HTML pages",
	"3":"To perform server side scripting operations"
	},
	"correctAnswerId":"2",
	"id":"1"

AhsanAyaz / solid-js-tutorial-snippets-part-2.json

Last active January 18, 2023 00:53

SolidJS Tutorial Snippets

	[
	{
	"created": "2022-11-21T23:25:28.008Z",
	"name": "sjs-request-page-index",
	"tags": [
	"sjs-request-page-index"
	],
	"content": "import { Component } from \"solid-js\";\n\nconst RequestIndex: Component = () => {\n return (\n <div class=\"flex flex-col md:flex-row gap-4 justify-center items-center bg-gray-200 p-4 border border-gray-300 min-h-full rounded-lg\">\n <div class=\"text-2xl flex gap-4 items-center\">\n <ion-icon class=\"text-4xl\" name=\"arrow-back-circle-outline\"></ion-icon>\n <span>Select a request from the left panel</span>\n </div>\n </div>\n );\n};\n\nexport default RequestIndex;",
	"contentType": "typescriptreact"
	},

AhsanAyaz / index.html

Last active August 14, 2022 21:22

"Node Redis Auth" tutorial files to begin with

	<html>
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Express</title>
	<link rel="stylesheet" href="/stylesheets/style.css">
	<script src="https://cdn.tailwindcss.com"></script>
	<style>
	html, body {

AhsanAyaz / score.validators.js

Last active May 31, 2022 11:44

Score Validator JS file for the tutorial

	const joi = require('joi')
	const createHttpError = require('http-errors')

	const addScoreDTO = joi.object().keys({
	gameId: joi.string().required(),
	userId: joi.string().required(),
	score: joi.number().required(),
	});

	const deleteScoreDTO = joi.object({

AhsanAyaz / sigma-memer-tailwind-template.html

Last active May 3, 2022 18:17

Sigma memer HTML template

	<div class="h-full leading-normal tracking-normal text-indigo-400">
	<div class="p-6 container mx-auto">
	<div class="w-full flex items-center justify-between">
	<a class="flex items-center text-indigo-400 no-underline hover:no-underline font-bold text-2xl lg:text-4xl" href="#">
	Sigma<span class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500">memer</span>
	</a>
	</div>
	</div>

	<div class="px-6 container md:pt-224 mx-auto flex flex-wrap flex-col md:flex-row items-start">

AhsanAyaz / appflashback-hack.js

Last active January 26, 2022 23:01

Hack for appflashback.com

	// run this when the round starts
	const emojiElements = document.querySelectorAll(".card-inner");
	const matchedElementIndices = [];
	const matches = [];
	for(let i = 0, len = emojiElements.length; i<len; i++) {
	const currentElement = emojiElements[i];
	if(matchedElementIndices.includes(i)) {
	continue;
	}
	for(let j = i + 1; j < len; j++) {

AhsanAyaz / hangman.svg

Created December 20, 2021 12:45

Hangman SVG

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

AhsanAyaz / fb-friend-requests-automation.js

Last active January 24, 2022 17:44

Automagically accept all friend requests on your profile

	/**
	* @author Muhammad Ahsan Ayaz
	* Usage:
	* Go to https://www.facebook.com/friends/requests/
	* Run the following code
	*/

	function removeFriendRequest({row, removeRequests, counter, timerDelay}) {
	if (removeRequests) {
	const removeButton = row.closest('a').querySelector('[aria-label="Remove"]:not([aria-disabled="true"])')

	import { AfterViewInit, ChangeDetectorRef, Directive, Input, OnChanges, Renderer2, SimpleChanges, inject } from '@angular/core';

	@Directive({
	selector: '[appPopoverPositionalClass]',
	standalone: true,
	})
	export class PopoverPositionalClassDirective implements AfterViewInit, OnChanges {
	@Input() originY: string \| undefined = 'top';
	@Input() targetSelector!: string;
	@Input() inverseClass = '';