Sangwin Gawande sangwin

🎯

Focusing

I have a belief that theory teaches us nothing, its actual implementation does & set out on a journey of hard earned IT skills to write amazing code.

sangwin / firebase-otp.html

Created May 23, 2024 06:22

Firebase OTP

	<!DOCTYPE html>
	<html>

	<head>
	<title>Firebase Phone Auth</title>
	<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-app.js"></script>
	<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-auth.js"></script>
	</head>

	<body>

sangwin / catch-me-if-you-can.html

Created January 15, 2024 08:50

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="styles.css">
	<title>Catch the Circle Game</title>
	<style>
	body {
	height: 100vh;

sangwin / mongodb-connect.js

Created January 9, 2024 11:22

	const { MongoClient, ServerApiVersion, ObjectId } = require('mongodb');
	const uri = "mongodb+srv://<username>:<Password>@localhost?retryWrites=true&w=majority";

	// Create a MongoClient with a MongoClientOptions object to set the Stable API version
	const client = new MongoClient(uri, {
	serverApi: {
	version: ServerApiVersion.v1,
	strict: true,
	deprecationErrors: true,
	}

sangwin / qr-code-ganarator.html

Created December 8, 2023 11:47

Sangwin| Creating QR Code


	<!DOCTYPE html>
	<html>
	<head>
	<title>Sangwin\| Creating QR Code</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
	</head>
	<body>
	<h1>Creating QR Code </h1>
	<br/>

sangwin / create_pagination.js

Created November 20, 2023 08:37

	class Pagination {
	constructor(items, options = {}) {
	this.items = items \|\| [];
	this.currentPage = options.currentPage \|\| 1;
	this.itemsPerPage = options.itemsPerPage \|\| 10;
	}

	getTotalPages() {
	return Math.ceil(this.items.length / this.itemsPerPage);
	}

sangwin / create_countdown.js

Created November 20, 2023 08:30

	class Countdown {
	constructor(options) {
	this.targetDate = new Date(options.targetDate);
	this.style = options.style \|\| 'HH:mm:ss';
	this.callback = options.callback \|\| (() => {});
	this.interval = options.interval \|\| 1000;
	this.isDescending = options.isDescending \|\| false;

	this.start();
	}

sangwin / js-mix-it-up.html

Created November 14, 2023 11:04

Simple JS Mix It Up Example by Sangwin

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Simple JS Mix It Up Example by Sangwin</title>
	<style>
	.items-list {
	display: flex;

sangwin / cloudinary-multiple-images-upload.js

Created July 26, 2022 04:56

Cloudinary multiple images uploading


	/**
	* Created By : Sangwin Gawande (https://sangw.in)
	*/
	import React, { useState } from 'react';

	export default function ImgUpload() {
	const [imageData, setImageData] = useState();
	const [imageArray, setImageArray] = useState([]);

sangwin / tinypng-compress-images.py

Created July 19, 2022 06:49

Compress images in a folder using TinyPNG plugin in Python

sangwin / randomColor.js

Created July 18, 2022 09:11

Generate a random color with JavaScript one liner function

const randomColor = () => `#${Math.floor(Math.random() * 0xffffff).toString(16)}`;