Trove - 04

These are trove I’ve developed to tackle specific problems and optimize workflows. They’re built from experience, with a focus on efficiency and practicality.

202403 Troves
202001 Trove
All
Research
Engineering
Graphics
Gaming
Case Studies
Distributed Systems
Game Development
Search...
Snippets
jsonhtml-tailwindcss-setup.json
1"Tailwind CSS Setup": {
2    "prefix": "!tcss",
3    "body": [
4      "<!DOCTYPE html>",
5      "<html lang=\"en\">",
6      "<head>",
7      "  <meta charset=\"UTF-8\" />",
8      "  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />",
9      "  <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" />",
10      "  <title>${1:Tailwind CSS Page}</title>",
Deep-Learning
jsfrontend-app.js
1import firebase from 'firebase';
2const auth = firebase.auth();
3const url = 'https://your-cloud-function-url';
4
5async function fetchFromAPI() {
6	const user = auth.currentUser;
7	const token = user && (await user.getIdToken());
8
9	const res = await fetch(url, {
10  	method: 'GET',
Deep-Learning
tstailwind.config.ts
1// @gautamankoji
2
3import defaultTheme from 'tailwindcss/defaultTheme';
4
5const colors = {
6  transparent: 'transparent',
7  white: 'hsl(0, 0%, 100%)',
8  grey: 'hsl(0, 0%, 50%)',
9  black: 'hsl(0, 0%, 0%)',
10  light: {
Deep-Learning
tstailwind.config.ts
1// @gautamankoji
2
3import defaultTheme from 'tailwindcss/defaultTheme';
4
5const colors = {
6  transparent: 'transparent',
7  white: 'hsl(0, 0%, 100%)',
8  grey: 'hsl(0, 0%, 50%)',
9  black: 'hsl(0, 0%, 0%)',
10  light: {