Technical

Some of my technical notes.

Husky

Oct 24, 2023

Use husky in subfolder https://scottsauber.com/2021/06/01/using-husky-git-hooks-and-lint-staged-with-nested-folders/

Prettier pre-commit

Oct 18, 2023

Run prettier out of the ./ui/node_modules/bin folder for proco ui.

Git hooks

Oct 18, 2023

[[Prettier pre-commit]]

Fix imports

Oct 18, 2023

/* eslint-disable no-console */ import { readdir, readFile, writeFile } from "fs" import { join } from "path" const replaceTextInFiles = ( directoryPath: string, fileExtensions: string[], replacements: Record<string, string>, ): void => { // Increase the listener limit for the process object process.

Convert wav files to mp3 files

Oct 16, 2023

Answer from chatGPT: Shell script Certainly! You can use the ffmpeg command-line tool to convert WAV files to MP3 files.

MongoDB 🍃

Sep 26, 2023

Warum MongoDB? alles zusammen Speichern was zusammen gehört ! bei großen Arrays (zum Beispiel Coupons) splitten ist Dokumenten basiert einfacher performanter weil kein Join Developer freundlich Sharding architecture scale horizontal scale in Nirvana !

Maven

Aug 3, 2023

Version bump mvn version bump: mvn versions:set -Pall -DnewVersion=2.108.6

React - The Complete Guide (incl Hooks, React Router, Redux)

May 19, 2023

course materials: [[https://github.com/academind/react-complete-guide-code/tree/master]] Notes Why [[React]]? Normally you request every html file from the server with react we run [[Js]] in the browser and manipulate the DOM with it.

Zapier

Apr 17, 2023

With zapier you can connect the apps you use for work to save time.

How to connect google business and instagram

Apr 17, 2023

https://youtu.be/ci4GJM5M0j4 This can be done with [[Zapier]].

Plasmic

Mar 21, 2023

What is Plasmic? Plasmic is a visual builder for the web.

Eslint

Oct 8, 2022

How to set up https://andrebnassis.medium.com/setting-eslint-on-a-react-typescript-project-2021-1190a43ffba

Raycast

Oct 6, 2022

Is a multi culti flexible tool for [[MacOS]]. Link to Homepage

MacOS

Oct 6, 2022

My setup for MacOS. Apps I use Rectangle [[Raycast]] Shell [[Zsh]] Terminal

Printserver

Oct 1, 2022

Reference: https://howchoo.com/pi/wireless-printer-raspberry-pi#install-raspberry-pi-os 1. Setup pi Have a look at the [[Headless setup]] guide I made.

Headless setup

Oct 1, 2022

Just install Raspberry Pi Imager https://www.raspberrypi.com/software/ Long tutorial 1. Flash drive 2.

Vite

Sep 22, 2022

this for docs -> https://vitejs.dev/guide/build.html#multi-page-app build preview into ci? -> https://vitejs.

Working with Images

Sep 21, 2022

references: https://dev.to/kaspera/how-to-optimize-your-images-for-performance-24pn

Javascript

Sep 21, 2022

Courses Build Minecraft clone with [[React]] and [[ThreeJs]] Articles #takealookat Javascript Engine https://dev.

GitHub Actions

Sep 21, 2022

Manually set permission for action https://github.com/actions/first-interaction/issues/10 https://docs.github.com/en/actions/using-jobs/assigning-permissions-to-jobs#overview

PWA - Progressive Web Apps

Sep 19, 2022

Resources vite-plugin-pwa https://web.dev/learn/pwa/progressive-web-apps/

Vitest

Sep 16, 2022

https://waresix.engineering/vitest-unit-testing-to-test-react-application-177ade1e6c1b a complete setup with repo https://www.youtube.com/watch?v=FJRuG85tXV0&t=918s https://www.youtube.com/watch?v=7f-71kYhK00 https://www.youtube.com/watch?v=ITylO9fpDmY https://vitest.

Writing Tests

Sep 15, 2022

Unit tests “… you’ll get more confidence by writing your tests based on the component output.

Git

Sep 14, 2022

Git is a version control system used in software development.

Pattern background animations

Aug 26, 2022

You can put gifs in the background of you page and make the background animated.

Event Booking API + Frontend App

Aug 26, 2022

Reference: Build a Project with GraphQL, Node, MongoDB and React.js

Replace all old Bible links with new ones

Aug 25, 2022

Trying to replace all old bible links I created (e.g.: [[1.

Yadm

Aug 23, 2022

Yadm is a tool I use to manage my dotfiles and backup my gpg and ssh keys.

Editorconfig 🐀

Aug 22, 2022

Editorconfig is a tool that helps you and your team to keep a unified code.

Quartz

Aug 19, 2022

Quartz is a FREE! hosting alternative for Obsidian publish. Tutorial https://www.

Cypress

Aug 16, 2022

What is Cypress? Short: A testing Framework. But man this can do so much more.

Bash

Aug 15, 2022

Tutorials How to Replace a String in a File in Bash Practical Bash Ideas [[Replace all old Bible links with new ones]] Commands

Shell

Aug 11, 2022

How to change shell Reference: https://www.howtogeek.com/444596/how-to-change-the-default-shell-to-bash-in-macos-catalina/ List all available shells:

Ruby

Aug 11, 2022

Ruby is an open-source programming language with a strong developer focus.

Break Timer

Aug 11, 2022

This tool will give you a gentle reminder to take breaks while you are working on your PC.

Hamerspoon

Aug 8, 2022

Offical website Example setups: https://github.com/selfire1/hammerspoon What is Hammerspoon? Hammerspoon is a tool for powerful automation of macOS.

Delta

Aug 8, 2022

https://dandavison.github.io/delta/introduction.html A better way to display the [[Git]] diff command

curl

Aug 4, 2022

My explanation CURL stand for “client URL”. Can be used to fetch data from a certain source e.

Unknown

Design Ideas created at: 2022-10-14 Canva: https://www.canva.com/design/DAFIw9OCSAE/RRxrbKjkOT8IDaEkAsznfA/edit?utm_content=DAFIw9OCSAE&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton Like a invitation but on a website - With Images and designs from canva 🥳 - use this container: https://tailwindui.