Erko Bridee 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

Content CMS

Obsidian.md

Content processor

Contentlayer
- [GitHub] contentlayerdev/contentlayer

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

Git Commit Messages

about the commit messages used, it follows the pattern

{TICKED ID} {type}(optional scope): short description

optional body

optional footer

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

[Gist] erkobridee / AWS_serverless_useful_references.md 🧭

Cloud Computing Services - Amazon Web Services (AWS)
- AWS Management Console
- Getting Start with AWS

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.

	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,

	import React, { useState, useRef, useEffect } from 'react';

	import { CarouselButton, CarouselButtonDot, CarouselButtons, CarouselContainer, CarouselItem, CarouselItemImg, CarouselItemText, CarouselItemTitle, CarouselMobileScrollNode } from './TimeLineStyles';
	import { Section, SectionDivider, SectionText, SectionTitle } from '../../styles/GlobalComponents';
	import { TimeLineData } from '../../constants/constants';

	const TOTAL_CAROUSEL_COUNT = TimeLineData.length;

	const Timeline = () => {
	const [activeItem, setActiveItem] = useState(0);