Slides:

Open docs.google.com

Introduction & Motivation

• Like stupid projects
• Try new stuff/ Test new tech
• Need Portfolio
• $15 Droplet

Project showcase

• ham-san.net
  • SvelteKit (amazing)
  • GraphQL
  • FeTS
  • Hydration
  • Page Transition API
  • Localization
  • Sync with Note service for public notes
  • 
• Aibou : Japanese Learning tool

  • React & Next.js

  • Word saving, Custom syncing scheme

  • Offline-based (sql.js)

  • Put Whole Database into Browser and query it t

• Onpu Explorer tool : Japanese Kanji Phonetic Component Index
  • Next.js 13.4, App Router
  • Pre-compile data
• HamBot
  • Daily Reminder
  • Frameworks for Chatbot + Periodic Actions

Self-Hosted Services/ Infrastructure

Applications

• ham-san.net (Svelte)
• **HamBot **(Nest.js)
• api.ham-san.net (Strapi)
• notes.ham-san.net (Outline)

Services

• Redis

• Postgres

• S3 (Minio)

• OAuth (Keycloak)

• Bitwarden (Vaultwarden)

  \