# Side projects showdown - 21/7/2023

Slides: 

[https://docs.google.com/presentation/d/1cqqsdA-tya1joQCoL6-RTmneDkF1Ae39bSsIzZ%5FMhqc/edit#slide=id.g25abb1c1098%5F0%5F45](https://docs.google.com/presentation/d/1cqqsdA-tya1joQCoL6-RTmneDkF1Ae39bSsIzZ%5FMhqc/edit#slide=id.g25abb1c1098%5F0%5F45)

# 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
  * ![](https://s3.ham-san.net/outline/uploads/0fae6a5c-7945-44d7-b004-60190594ec3d/3e8ea9bd-f1a7-472c-9992-a05cc34763ed/Screenshot%202566-07-19%20at%2003.35.42.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=w6ayoYrXsglE5ZC0%2F20261109%2Flocal%2Fs3%2Faws4_request&X-Amz-Date=20261109T164500Z&X-Amz-Expires=86400&X-Amz-Signature=6cb1a6a2ed6b03294ccf9af5b0b9d27f2e0e9a72facfbd9109c993b94a27bbc6&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =294x352")
* 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](https://hamzaabamboo.github.io/onpu-explorer/) : 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](https://ham-san.net/) (Svelte)
* [**HamBot **](https://hambot.ham-san.net/)(Nest.js)
* [api.ham-san.net](https://api.ham-san.net/) (Strapi)
* [notes.ham-san.net](https://notes.ham-san.net/) (Outline)

## Services

* Redis
* Postgres
* S3 (Minio)
* OAuth (Keycloak)
* Bitwarden (Vaultwarden)