Asif Vora asifvora

🇮🇳

Life is Journey Not a Destination.

I'm JavaScript Developer having an experience of building Web and Mobile applications with JavaScript / Reactjs / React Native / Redux / Mobx / Vue / Angular

109 followers · 266 following

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

asifvora / elementaryos.md

Created September 17, 2020 10:18 — forked from isneezy/elementaryos.md

elementaryOS | Things To Do After Installing elementary OS Hera(5.1)

First Things First

Enable PPA

 sudo apt update
 sudo apt install software-properties-common

Install apt-fast

asifvora / gist:711568333f8235cd5a07d518faa28972

Created May 23, 2019 03:47

google key

	client ID : 645687027098-rmibrne0gsdg0vpv7fo3fpdbkjoar0us.apps.googleusercontent.com

	client secret : kEoPZ7XemhQEtvBaXKtgFVSW

asifvora / readme.md

Last active March 15, 2019 09:29

Adding an existing project to GitHub using the command line

https://help.github.com/en/articles/adding-an-existing-project-to-github-using-the-command-line#platform-windows

asifvora / recursion.js

Created March 15, 2019 05:54

Recursion JavaScript

	const nest = (items, id = null, link = "parent_id") =>
	items
	.filter(item => item[link] === id)
	.map(item => ({ ...item, children: nest(items, item.id) }))

	const comments = [
	{ id: 1, parent_id: null, text: "First reply to post." },
	{ id: 2, parent_id: 1, text: "First reply to comment #1." },
	{ id: 3, parent_id: 1, text: "Second reply to comment #1." },
	{ id: 4, parent_id: 3, text: "First reply to comment #3." },

asifvora / masks.js

Created March 15, 2019 05:44

Create a function that masks a string of characters with # except for the last four (4) characters.

	const mask = (str, maskChar = "#") => str.slice(-4).padStart(str.length, maskChar);

	mask("123456789"); // "#####6789"

asifvora / donut_spinner.html

Created March 15, 2019 05:31

Donut spinner : Creates a donut spinner that can be used to indicate the loading of content.

	<style>
	@keyframes donut-spin {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(360deg);
	}
	}
	.donut {

asifvora / custom_text_selection.html

Created March 15, 2019 05:23

Custom text selection changes the styling of text selection.

	<style>
	::selection {
	background: aquamarine;
	color: black;
	}
	.custom-text-selection::selection {
	background: deeppink;
	color: white;
	}
	</style>

asifvora / counter.html

Created March 15, 2019 05:21

Counters are, in essence, variables maintained by CSS whose values may be incremented by CSS rules to track how many times they're used.

	<style>
	ul {
	counter-reset: counter;
	}
	li::before {
	counter-increment: counter;
	content: counters(counter, '.') ' ';
	}
	</style>
	<ul>

asifvora / circle.html

Created March 15, 2019 05:19

Creates a circle shape with pure CSS.

	<style>
	.circle {
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	background: #333;
	}
	</style>

	<div class="circle"></div>

asifvora / toggle_switch.html

Created March 15, 2019 05:14

Creates a toggle switch with CSS only.

	<style>
	.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	transition: all 0.3s;
	}

NewerOlder