Adarsh Gupta adarsh-gupta101

🎯

Focusing

Selling code for a living

adarsh-gupta101 / html

Created January 8, 2022 02:38

Threejs index.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>ThreeJS Starter</title>
	</head>
	<body>
	<canvas class="webgl"></canvas>
	</body>

adarsh-gupta101 / script.js

Created January 8, 2022 03:03

threejs code

	import * as THREE from "three";
	import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
	import * as dat from "dat.gui";

	// Debug
	const gui = new dat.GUI();

	// Canvas
	const canvas = document.querySelector("canvas.webgl");

adarsh-gupta101 / Twitter.html

Created February 5, 2022 04:22

	<html>
	<body>
	<div class="flex h-screen">
	<div class="" style="flex:0.2">
	<img class="w-24 h-24" src="https://help.twitter.com/content/dam/help-twitter/brand/logo.png" />
	<span class="flex items-center p-4"><img class=" mr-3 w-8 h-8" src="https://cdn-icons.flaticon.com/png/512/2549/premium/2549900.png?token=exp=1643983665~hmac=712b8e718a70d5122baee91e998dd291"/><p class="text-2xl font-bold">Home</p></span>
	<span class="flex items-center p-4"
	><img class="w-8 h-8 mr-3" src="https://cdn-icons.flaticon.com/png/128/3423/premium/3423288.png?token=exp=1643983620~hmac=a35e438a21a5b7bf33ac17bb138bc958" />
	<p class="text-2xl font-bold">Explore</p></span
	>

adarsh-gupta101 / Todo.cy.js

Created October 26, 2022 11:19

Cypress code for testing a todo app (End to End)

	/// <reference types="cypress" />

	// Welcome to Cypress!
	//
	// This spec file contains a variety of sample tests
	// for a todo list app that are designed to demonstrate
	// the power of writing tests in Cypress.
	//
	// To learn more about how Cypress works and
	// what makes it such an awesome testing tool,

adarsh-gupta101 / gist:b5661dca096f8f3c2ffe3ad481b4d9cc

Created January 8, 2024 05:09

adarsh-gupta101 / AntDesign.jsx

Created May 8, 2025 15:06

	import React, { useEffect, useState } from "react";
	import { Table } from "antd";


	const columns = [
	{
	title: "Rank",
	dataIndex: "rank",
	key: "rank",
	},

adarsh-gupta101 / MaterialUI.jsx

Created May 8, 2025 15:09

	import React from "react";
	import { Card, CardMedia, CardContent, Typography } from "@mui/material";
	import { Box } from "@mui/system";


	const App = () => {
	return (
	<Box>
	<Card sx={{ maxWidth: 500, padding: 5, margin: 2 }}>
	<CardMedia

adarsh-gupta101 / React-Bootstrap.jsx

Created May 8, 2025 15:50

	import Button from "react-bootstrap/Button";
	import 'bootstrap/dist/css/bootstrap.min.css';




	function App() {
	return (
	<div style={{width:"100vh",margin:"auto",marginTop:250, }}>
	<Button variant="primary" style={{margin:5}}>Primary</Button>

adarsh-gupta101 / Semantic-UI.jsx

Created May 8, 2025 15:52

	import React, { useEffect, useState } from "react";
	import { Button, Checkbox, Form } from "semantic-ui-react";
	import "semantic-ui-css/semantic.min.css";


	// simple form using semantic ui react


	const App = () => {
	return (

adarsh-gupta101 / chakra-ui.jsx

Created May 8, 2025 16:48

	import { Box, Flex, Image, Text } from "@chakra-ui/react";


	const StatueOfLibertyCard = () => {
	return (
	<Box
	maxW="sm"
	borderWidth="1px"
	borderRadius="lg"
	overflow="hidden"