Skip to content
View createles's full-sized avatar

Block or report createles

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
createles/README.md

Welcome! 👋

English Japanese

Full-Stack Software Engineer | Node.js • Express • PostgreSQL • MongoDB • JavaScript / React

English Japanese Filipino

Building sense-provoking web experiences, interactive tools, and user immersive displays with a puzzle-solver's mindset.

🌐 Live Portfolio • 💼 LinkedIn • ✉️ Email


💭 Profile & Engineering Approach

I’m a full-stack software engineer currently based in Osaka, Japan. When I’m not architecting web backends or building React interfaces, you’ll usually find me dissecting game mechanics in survival-horror titles or passing time working through complex logic puzzles.

Having spent years designing interactive learning tools & realia and facilitating professionals in multicultural communication, I've always been fascinated by the challenge of crafting experiences that engage one's curiosity. Today, I bring that exact mindset to web development by exercising the intersection between the art of puzzle-solving and providing fulfilling user outcomes. I love taking head-scratching technical problems, and structuring software in ways that turn them into responsive, felt experiences that stimulate one's own intuition along with task fulfillment.


🛠️ Technical Core

Category Skill Set
Languages JavaScript (ES6+), TypeScript, Python, HTML5, CSS3, SQL
Backend & APIs Node.js, Express.js, NestJS, Next.js, WebSockets (Socket.io), Asynchronous Daemons (Python / asyncio), RESTful APIs, Middleware Architecture, Auth / Sessions
Database & Storage PostgreSQL, SQLite (WAL / Single-Writer), MongoDB, Prisma ORM, Supabase, Firebase Storage
Frontend & Templating React, Tailwind CSS, EJS, Responsive Web Design, Dynamic DOM Interaction
DevOps & Tools Git, GitHub, Docker, pnpm Workspaces, Nginx, Playwright, Pytest, Ruff, uv, Railway, Vercel, Netlify, Postman, Multer, Sharp
AI Tooling & Workflows Claude Code, Gemini / Antigravity CLI, Cursor, GitHub Copilot
Active Explorations IoT / Raspberry Pi Automation & Home Servers, Godot Engine (Game Logic & Systems Design)

⭐️ Featured Spotlights

Enterprise-Grade Real-Time Game Localization & LQA Triage Monorepo

CapsLoc Cockpit Overview

🎮 16:9 Cockpit Preview — Real-time localization triage, slide-out string inspector, and character limit hazard gauges.

  • Tech Stack: TypeScript (~6.0) • NestJS v12 • React 19 • Socket.io • PostgreSQL 16 • Prisma 7 • Tailwind CSS v4 • Docker • pnpm Workspaces
  • Architecture & Highlights:
    • Unified Monorepo: Strict pnpm workspace sharing compile-time TypeScript DTOs and contracts between NestJS backend and React frontend.
    • Real-Time Duplex Gateway: Low-latency Socket.io triage messaging, presence tracking, and active typing indicators.
    • Relational LocString Parsing: Automated regex detection (#LOC-*, $STR_*) linking dialog and UI strings directly to PostgreSQL.
    • Inspector Drawer & Hazard Gauges: Dynamic character limit gauges preventing localized UI text clipping, sub-millisecond canonical glossary termbase, and strict RBAC approvals (LOC_PM, SOLUTIONS_DEV).
    • Zero-Reflow Bilingual Engine: Instant EN/JA toggle with 100% compile-time dictionary parity across 228 strictly-typed keys.
  • 🚀 Explore Live Demo • 📦 GitHub Repository • 🏛️ System Architecture • 日本語ドキュメント

Production Community Portal & Authenticated Marketplace

🏛️ Portal Hub & Guidebook 🛒 Community Marketplace (Live Triage)
Sennan City JETs Portal Banner Community Marketplace Live Demo

📢 Left: Municipal information portal & guidebook • Right: Authenticated marketplace with on-the-fly Sharp image compression.

  • Tech Stack: Node.js • Express • EJS • PostgreSQL • Prisma ORM • Supabase Storage • Railway • Multer • Sharp
  • Architecture & Highlights:
    • Production Deployment: Active one-stop portal and verified marketplace serving municipal civil servants and foreign educators in Sennan City.
    • In-Memory Image Optimization: Automated Multer + Sharp compression pipeline processing uploads directly in server memory, slashing storage footprints by 70%+ without client-side lag.
    • Relational Schema Integrity: Prisma ORM managing user auth, item reservation lifecycles, and public community noticeboards.
  • 🚀 Explore Live App • 📦 GitHub Repository • English Documentation • 日本語ドキュメント

🔧 Systems & Targeted Implementations

Asynchronous E-Commerce Scraping & Event Daemon

  • Tech Stack: Python 3.12+ • Playwright Async • Pydantic v2 • SQLite (WAL) • Discord Webhooks • Pytest • uv
  • Engineering Highlight: Architected an asynchronous event-driven daemon featuring decoupled strategy extractors for Japanese retail DOMs (Tsukumo, Dospara, PC One's) and an asyncio.Queue single-writer actor pattern preventing SQLite write locks. Validated with 160 hermetic tests running in <0.6s.
  • 📦 GitHub Repository • English Documentation • 日本語ドキュメント

4. Memoreat 🍽️

Containerized Food Diary & Automated CI/CD Pipeline

  • Tech Stack: Next.js • TypeScript • React • PostgreSQL • Prisma ORM • Docker • GitHub Actions • Framer Motion
  • Engineering Highlight: Packaged a full-stack Next.js application and relational database with Docker Compose, automated through GitHub Actions CI/CD to build and publish production images to GitHub Container Registry (GHCR).
  • 🚀 Live App • 📦 GitHub Repository • English Documentation • 日本語ドキュメント

Interactive Anti-Bot Visual Verification Middleware

  • Tech Stack: JavaScript (ES6+) • Express • React • HTML5/CSS3 • MongoDB • Prisma ORM • Supabase • Railway
  • Engineering Highlight: Built custom security middleware utilizing a dynamic 3x3 image grid system. Replaced static captcha checks with instant, stateful visual feedback to optimize user interaction while maintaining security integrity.
  • 🚀 Live App • 📦 GitHub Repository • English Documentation • 日本語ドキュメント

6. Gobble Drive 🗃️

Cloud Storage & File Management Platform


💼 Professional Background

  • Interactive Learning Tooling & Digital Media | JET Programme (~5 yrs)

    • Automation & Tools: Developed local interactive web applications & activities, programmable quiz tools, and digital-to-physical mapping assets that modernized lesson frameworks, leading to city-wide adoption across Japanese schools in the municipality.
    • Project Leadership: Spearheaded internationalization community initiatives (including an interactive puzzle-mystery activity for a 300+ participant event) and engineered objective-based programs focused on active problem-solving strategies.
  • Technical Program Delivery & Enterprise Solutions | Corporate Specialist (~3 yrs)

    • Client Solution Engineering: Scoped and delivered custom technical training frameworks for enterprise clients (e.g., Accenture, Toyota), aligning complex operational requirements with strict SLA milestones.
    • Data & Assessment Pipelines: Managed standardized evaluation workflows and benchmarked diagnostic assessment data pipelines for 200+ corporate stakeholders.

🌐 Trilingual Capabilities

  • JLPT N2 Certified: Capable in reading Japanese technical documentation, navigating local systems, and translating deliverables.
  • Native English & Filipino: Full professional fluency in English and Filipino work environments.
  • Cross-Cultural Technical Communication: Experienced in facilitating requirement gathering, specification handoffs, and documentation reviews between English and Japanese teams.

Open for Full-Stack Software Engineering opportunities in Japan & Remote.

Pinned Loading

  1. displayd displayd Public

    JavaScript

  2. gobble-drive gobble-drive Public

    A google drive clone made as an exercise for the File Uploader project on The Odin Project.

    EJS

  3. memory-game memory-game Public

    JavaScript

  4. sennan-jet-resources sennan-jet-resources Public

    A full-stack web application portal and marketplace for Sennan City JET Programme members. Built with Node.js, Express, PostgreSQL, Prisma, and Supabase.

    EJS

  5. pass-n-go pass-n-go Public

    Pass-N-Go is an easy to install CAPTCHA package built for Node.js, Express, Prisma, MongoDB, and React.

    JavaScript

  6. price-watcher price-watcher Public

    Asynchronous price & stock watcher daemon for Japanese PC Hardware retailers, with real-time Discord notifications. Built with Python, SQLite, and Playwright.

    Python