Skip to content

Instantly share code, notes, and snippets.

@LearnWebCode
LearnWebCode / git-create-zip.sh
Last active March 14, 2024 16:02
Create a zip file of your current Git branch (ignoring the Git ignored files etc...)
git archive --format=zip --output project.zip HEAD
@LearnWebCode
LearnWebCode / docker-compose.yml
Created December 3, 2021 04:20
Docker compose example for YouTube WSL video.
# Use root/example as user/password credentials
version: '3.1'
services:
db:
image: mysql
command: --default-authentication-plugin=mysql_native_password
restart: always
ports:
@LearnWebCode
LearnWebCode / settings.json
Created March 4, 2024 02:16
My 2024 VS Code Settings As of March
{
"debug.javascript.codelens.npmScripts": "never",
"editor.fontFamily": "'Monaco', monospace",
"terminal.integrated.fontFamily": "'Monaco', monospace",
"editor.fontSize": 16,
"terminal.integrated.fontSize": 16,
"editor.minimap.enabled": false,
"editor.tabSize": 2,
"breadcrumbs.enabled": false,
"workbench.startupEditor": "none",
@LearnWebCode
LearnWebCode / f.sh
Last active March 14, 2024 15:56
My fzf first draft
# You need to give this file permission to execute by doing the following...
# chmod +x f.sh
# Add an alias named f to your .zshrc file like this:
# alias f="/Users/brad/Documents/shell-scripts/f.sh"
code "$(find ~/Documents ~/Desktop ~/Sites ~/Local\ Sites -type d \( -name "node_modules" -o -name ".next" -o -name ".git" -o -name "vendor" -o -name "wp-includes" -o -name "wp-admin" \) -prune -o -type d | fzf)"
# todo someday
# currently it only searches for folders, but it would be nice if I could search for zshrc or specific files, but I'm not sure if that will include too many files and be slow...
@LearnWebCode
LearnWebCode / next.config.js
Created February 23, 2024 21:59
For outputting static HTML files from Next.js that any server can easily host (I was integrating with an old WordPress site for the rest of the domain)
/**
* @type {import('next').NextConfig}
*/
const nextConfig = {
output: "export",
trailingSlash: true,
images: { unoptimized: true }
}
module.exports = nextConfig
@LearnWebCode
LearnWebCode / index.js
Created July 21, 2021 23:41
Puppeteer / Node.js Automation & Web Scraping Tutorial from YouTube
// in a new folder be sure to run "npm init -y" and "npm install puppeteer"
const puppeteer = require("puppeteer")
const fs = require("fs/promises")
async function start() {
const browser = await puppeteer.launch()
const page = await browser.newPage()
await page.goto("https://learnwebcode.github.io/practice-requests/")
const names = await page.evaluate(() => {
{
"debug.javascript.codelens.npmScripts": "never",
"php.validate.executablePath": "/opt/homebrew/bin/php",
"editor.minimap.enabled": false,
"editor.fontSize": 14,
// "editor.fontSize": 22,
//"editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace",
"terminal.integrated.fontSize": 16,
//"editor.hover.enabled": false,
"editor.tabSize": 2,
@LearnWebCode
LearnWebCode / javascriptreact.json
Created March 11, 2021 22:59
React Visual Studio Code Snippets for component, useEffect, useState, and useImmerReducer
{
"React Component": {
"prefix": "rc",
"body": ["import React, { useEffect } from \"react\"", "", "function ${1:ComponentName}() {", " return (", " <>", " $2", " </>", " )", "}", "", "export default ${1:ComponentName}"],
"description": "React Component"
},
"useEffect": {
"prefix": "ue",
"body": ["useEffect(() => {", " $2", "}, [$1])"],
"description": "useEffect"
@LearnWebCode
LearnWebCode / yourFunction.js
Created November 13, 2020 22:19
Connect to MongoDB / Atlas within Netlify / AWS Lambda Serverless Function File
const mongodb = require("mongodb")
exports.handler = async function (event, context) {
const client = await mongodb.connect(process.env.CONNECTIONSTRING, { useUnifiedTopology: true })
const db = client.db()
try {
const dogs = await db.collection("pets").find({ species: "dog" }).toArray()
client.close()
return {
@LearnWebCode
LearnWebCode / index.js
Created December 3, 2021 04:20
Example Express app for YouTube WSL video.
const express = require('express')
const mysql = require('mysql2/promise')
const app = express()
let db
async function go() {
db = await mysql.createConnection({
host: 'localhost',