Slides:

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)