Technical

Husky

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

Prettier pre-commit

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

Git hooks

[[Prettier pre-commit]]

Fix imports

/* 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

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

MongoDB 🍃

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

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

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

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

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

How to connect google business and instagram

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

Plasmic

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

Eslint

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

Raycast

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

MacOS

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

Printserver

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

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

Vite

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

Working with Images

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

Javascript

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

GitHub Actions

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

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

Vitest

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

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

Git

Git is a version control system used in software development.

Pattern background animations

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

Event Booking API + Frontend App

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

Replace all old Bible links with new ones

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

Yadm

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

Editorconfig 🐀

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

Quartz

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

Cypress

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

Bash

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

Shell

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

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

Break Timer

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

Hamerspoon

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

Delta

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

curl

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

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.