erkobridee

/*
  useful references:
  
  https://github.com/erkobridee/lab-pdf-lib/blob/83ef7e53e61227cef4293a6294979b1e551a3603/src/helpers/random.js#L4
  
  https://github.com/erkobridee/nx-todos/blob/1647f66518a6def9ddf7569ca7a2b6397337d09c/libs/shared/helpers/src/lib/values.ts#L25
  
  https://github.com/erkobridee/gatsby-typescript-app-starter/blob/5a7bcfbbe6ff014ecb360da35a3e8255fe80bf9e/src/helpers/values.ts#L21
  
  https://gist.github.com/rubinchyk/46d9868e2eb86d744abcb83b5b6d8d29

erkobridee

• [StackOverflow] How do I get info about a Youtube video's chapters from the API?

  • R: using a provided open-source API

    • [GitHub] Benjamin-Loison / YouTube-operational-API - site: YouTube operational API | API call - get video chapters info example

  • R: using javascript function at the youtube video page

steven-tey

// Note: this gist is a part of this OSS project that I'm currently working on: https://github.com/steven-tey/dub

export default async function getTitleFromUrl (url: string) {
  const controller = new AbortController();
  const timeoutId = setTimeout(() => controller.abort(), 2000); // timeout if it takes longer than 2 seconds
  const title = await fetch(url, { signal: controller.signal })
    .then((res) => {
      clearTimeout(timeoutId);
      return res.text();
    })

erkobridee

Wireframe / Design

in the past I used to use the Balsamiq to do visual thinking and UI/UX planning

• [YouTube] What is a wireframe and how to do wireframing | Nick Babich - 2022/10/23

open source / free

• MyDraft

erkobridee

Content CMS

• Obsidian.md

Content processor

• Contentlayer

  • [GitHub] contentlayerdev/contentlayer

erkobridee

javascript key/value database that store the values in multiple directores where the key is used to calcula the partition dire / file name

• [GitHub] c0d3r111/json.db.js - A flat key value json store

  • define the file location

  • https://replit.com/@erkobridee/string2hex

• [GitHub] c0d3r111/kv.db - A simple node.js embedded key value database

erkobridee

useful tools to generate fake or do mock data

Fake Image

• Fake images please?

• Lorem Picsum

• Random users - Generate random user profile pictures and names to use them as placeholders for your prototypes and design projects

surma

const LOOKUP =
  "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

export function encodeBase64(buffer) {
  const view = new Uint8Array(buffer);
  let out = [];
  for (let i = 0; i < view.length; i += 3) {
    const [b1, b2 = 0x10000, b3 = 0x10000] = view.subarray(i, i + 3);
    out.push(
      b1 >> 2,

erkobridee

• [Gist] erkobridee / AWS_serverless_useful_references.md 🧭

---

• Cloud Computing Services - Amazon Web Services (AWS)

  • AWS Management Console

  • Getting Start with AWS

sibelius

Async Mentorship

Most mentees belive that they need sync mentorship to be able to explain their problems. However, I've found that doing an async mentorship using text to provide better results. Mentorship is a long term process, you can't "fix" or "improve" someone in a session, it takes time.

Mentorship Cycle

The mentee will pass in the 3 steps of the mentorship cycle. The first one is to be in a given situation, or having some problem or doubt.