juji

1. Project Overview & Tech Stack

• Framework: Next.js 16+ (App Router).
• State Management: Zustand (Global client-side stores).
• Data Validation: Valibot. Zod or other schema libraries are strictly prohibited.
• Network Layer: Native Web fetch API via a localized abstraction layer. Axios is strictly prohibited.
• Package Manager: pnpm (Never mix with npm/yarn).
• Git Hooks Automation: Husky + lint-staged (pre-commit: tsc, eslint, prettier | pre-push: pnpm build).

2. Structural & Refactoring Boundaries

juji

Where to Learn for Free

The good news is there are incredible free resources available for almost every aspect of AI.

1. Foundational Courses (Beginner-Friendly)

• Elements of AI (University of Helsinki & MinnaLearn): This is an excellent starting point for everyone, even without a strong math or programming background. It covers the basics of what AI is, how it's created, and its societal impact. It has two parts: "Introduction to AI" and "Building AI."
  • Why it's great: Demystifies AI, no complicated math, practical exercises.
  • Where to find it: elementsofai.com
• Google AI Essentials / Grow with Google AI Courses: These courses are designed for a broad audience and focus on practical applications and basic concepts.

juji

#!/bin/bash

lsof -PiTCP -sTCP:LISTEN

juji

:root {

  --accent-color: greenyellow;
  --bg-color: #242424;
  --fg-color: rgba(255, 255, 255, 0.87);

  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

juji

export function cleanClipboardText(e: ClipboardEvent){
  const pastedText = e.clipboardData?.getData('text/plain');
  return pastedText ? stripBom(pastedText) : ''
}

export function onPaste(e: ClipboardEvent){
  e.preventDefault()
  const sel = window.getSelection()
  if(!sel) return;
  if (!sel.rangeCount) return;

juji

#!/bin/zsh

startTime=$(date)
url="$1"

if [ "$url" = "" ]; then
  echo "url can't be empty"
  echo "usage: download url"
  exit 1
fi

juji

#!/bin/zsh

url="$1"

if [ "$url" -eq "" ]; then
  echo "url can't be empty"
  echo "usage: download url"
  exit 1
fi

juji

button {
   background: none;
   color: inherit;
   border: none;
   padding: 0;
   font: inherit;
   cursor: pointer;
   outline: inherit;
}

juji

/* 

 Dark mode by UltimaDark, on firefox
 https://addons.mozilla.org/en-US/firefox/addon/ultimadark/
 

*/

/* selection color */

juji

Headers

# h1 Heading 8-)
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading