Wisani Shilumani WisaniShilumani

☄️

A quasar shining through the endless night

Frontend Engineer Building: https://simfolio.co https://nimblr.co.za

WisaniShilumani / subscription-card.tsx

Created December 8, 2025 19:46

	import { Text, View, Platform, StyleSheet, Animated } from 'react-native'
	import Colors from '@colors/index'
	import { useAppData } from '@context/app-context'
	import { Subscription } from '@common/enums'
	import { Ionicons, MaterialIcons } from '@expo/vector-icons'
	import { useMemo, useEffect, useRef } from 'react'
	import { useInAppPurchaseContext } from '@context/purchase-context'
	import format from 'date-fns/format'
	import { HeaderLogoWhite } from '@components/header-logo'
	import { LinearGradient } from 'expo-linear-gradient'

WisaniShilumani / clipped-area-chart-example.tsx

Created September 27, 2022 13:02

Example of clipped area chart

	import React from 'react'
	import { StyleSheet, View } from 'react-native'

	import { AreaChart, XAxis, YAxis } from 'react-native-svg-charts'
	import { Defs, ClipPath, Rect } from 'react-native-svg'

	export interface ITimeValueChartDatapoint {
	value: number
	date: Date
	}

WisaniShilumani / react-double-range-slider.jsx

Last active May 25, 2021 13:35

	import { PRIMARY, PRIMARY_LIGHT, IRON_GREY } from '@styles/variables/colors'
	import React, { useEffect, useRef, useState } from 'react'
	import styled from 'styled-components'

	const Slider = styled.div`
	position: relative;
	margin: 16px auto;
	width: calc(100% - 12px);
	height: 8px;
	background: ${PRIMARY_LIGHT};

WisaniShilumani / countdown_to_2PM.js

Last active June 22, 2020 20:50

Countdown to 1400

	const next2PM = new Date();
	const offsetHours = next2PM.getTimezoneOffset() / 60;
	console.log(`current hours at 0 offset (UTC) = ${next2PM.getHours() + offsetHours}h`);
	next2PM.setHours(14 + offsetHours, 0, 0, 0); // UTC
	if (new Date() >= next2PM) next2PM.setDate(next2PM.getDate() + 1); // doesn't work for the 30/31st (write a func to calculate the next day)
	// Update the count down every 1 second
	const x = setInterval(function () {
	const now = new Date();
	const difference = next2PM.getTime() - now.getTime();
	const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // add/remove hours based on timezone

WisaniShilumani / add-from-search.js

Last active May 18, 2020 20:00

Add from search

	const speed = 500;

	const connectButtons = document.querySelectorAll(
	'.search-result__actions button[data-control-name="srp_profile_actions"]'
	);

	// ==================== INSTRUCTIONS ========================= //
	// =========================================================== //
	// 1. Go to LinkedIn Search
	// 2. Search for People in an industry e.g. CEO

WisaniShilumani / scrape-property-24.js

Last active October 5, 2019 18:18

Scrapes a single property 24 page and sends it to an endpoint

	const scrape = () => {
	const showEmail = document.getElementById('P24_ToggleAgentEmailLink')
	const showNumber = document.getElementById('P24_ToggleAgentNumbersLink')
	const readMore = document.querySelector('a[title="Read More"]');
	let nextClicks = 0
	let nextClickInterval = null
	const showEmailAndThenShowNumber = () => {
	if (showEmail) showEmail.click()
	setTimeout(showNumberAndThenReadMore, 3000)
	}

WisaniShilumani / instagram-like-machine.js

Last active August 18, 2019 16:16

	const likeAll = () => {
	const likes = document.querySelectorAll('.glyphsSpriteHeart__outline__24__grey_9')
	console.log(`I'm going to like ${likes.length} posts`)
	likes.forEach(element => {
	element.click()
	})
	}

	var scroller = function(by) {
	window.scrollBy(0, by)

WisaniShilumani / fb_page_feed_love_machine.js

Created May 22, 2019 20:58

	const loveAll = () => {
	document.querySelectorAll('div[aria-label="Comment"] > div > div > div > ul > li > span a').forEach(element => {
	if (element.innerText === 'Like') {
	element.addEventListener('mouseover', function() {
	console.log('Event triggered');
	});

	const event = new MouseEvent('mouseover', {
	'view': window,
	'bubbles': true,

WisaniShilumani / package.json

Last active February 25, 2019 10:27

Deploy Could Formation Package.json

	{
	"name": "my-sam-package",
	"version": "1.0.0",
	"description": "My amazing sam package",
	"main": "src/index.js",
	"repository": "https://github.com/my-awesome-org/my-sam-package",
	"author": "Me",
	"license": "MIT",
	"private": true,
	"scripts": {

WisaniShilumani / deploy-multiple.sh

Created February 25, 2019 10:14

Deploy cloudformation to multiple regions

	NAME=my-sam-package
	S3_BUCKET=my-sam-package
	RESOURCES=services
	ARCHIVE_NAME=resources.zip
	TEMPLATE_FILE=sam.yaml
	OUTPUT_TEMPLATE_FILE=sam-output.yaml
	ENVIRONMENT=production
	AWS_PROFILE=default
	REGIONS=( "us-east-1" "us-east-2" "us-west-1" "us-west-2")