Saheb Giri iamsahebgiri

SDE 1 at Groww

iamsahebgiri / api.ts

Last active March 31, 2025 06:43

Rendering Thumbhash in React Native Skia

	import sharp from "sharp";
	import { rgbaToThumbHash } from "thumbhash";

	const image = sharp("image.jpg").resize(100, 100, { fit: "inside" });

	const { data, info } = await image
	.ensureAlpha()
	.raw()
	.toBuffer({ resolveWithObject: true });

iamsahebgiri / bouncing-dvd.html

Created May 25, 2024 06:30

The iconic bouncing DVD logo in javascript

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>DVD Screensaver</title>
	<style>
	* {
	margin: 0;
	padding: 0;

iamsahebgiri / main.go

Created March 16, 2024 06:53

iamsahebgiri / index.html

Created September 9, 2022 07:13

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>The World Wide Web project</title>
	<link rel="stylesheet" href="style.css" />
	</head>
	<body>

iamsahebgiri / style.css

Created September 9, 2022 07:01

	@import url("https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");

	:root {
	--bg: #f4f5f7;
	--paper: #fff;
	--text-color: #172b4d;
	}

	* {
	box-sizing: border-box;

iamsahebgiri / router.js

Created May 13, 2022 12:33

Implementing simple React Router in 45 LOC.

	import React, { useState, useEffect } from 'react';

	const Router = ({ routes, defaultComponent }) => {
	const [currentPath, setCurrentPath] = useState(window.location.pathname);

	useEffect(() => {
	const onLocationChange = () => {
	setCurrentPath(window.location.pathname);
	};

iamsahebgiri / git.sh

Created April 16, 2022 16:29

Git config

	git config --global user.name "John Doe"
	git config --global user.email johndoe@example.com

iamsahebgiri / temp.cc

Created March 28, 2022 05:58

C++ code template

iamsahebgiri / vscode.json

Created March 28, 2022 03:01

VSCode C++ bracket formatting

"C_Cpp.clang_format_fallbackStyle": "{ BasedOnStyle: Google, IndentWidth: 4, ColumnLimit: 0}"

iamsahebgiri / colors.ts

Last active March 21, 2022 14:36

Tailwind colors for Mantine

	import { MantineThemeColorsOverride } from '@mantine/core';

	export const DEFAULT_COLORS: MantineThemeColorsOverride = {
	get dark() { return this.gray; },

	gray: [
	'#f8fafc',
	'#f1f5f9',
	'#e2e8f0',
	'#cbd5e1',