React

Used Since June 2020 (about 5 years)

Experiences

Taskworld

Frontend Engineer Intern | June 2020 - July 2020

Responsible for maintenance of internal localization tool created with React, Typescript and Firebase

  • Utilised virtualization and caching with indexedDB to improve performance of the application
  • Implemented translation memory system which use natural language processing (NLP) and statistics to provide autocomplete when translating within the platform
  • Develop features and corresponding unit tests which improves usability of the tool.

BRIKL

Software Engineer | January 2021 - January 2023

Responsible for maintenance and feature development for eCommerce Platform built with Next.js, Typescript and GraphQL

  • Developed a new standalone cart/checkout application for the platform
  • Developed frontend for handling payments across multiple payment platforms and payment methods (Stripe, Omise, Apple Pay, QR Code Payments)
  • Migrated an old codebase to a new system, eliminating technical debts and improving the quality of the codebase.
  • Authored RFC proposals for new features and provided feedback on proposals from other team members.
  • Built new features and implemented fixes based on designer specifications and applied design system components to the code.
  • Collaborated with team members through code reviews, pair programming sessions, and knowledge sharing to promote skill development and project success
  • Wrote unit tests with Jest and increased code coverage to over 90% for critical features.
  • Optimise website load times by reducing request payload and bundle size, and removing blocking JavaScript code, resulting in a 30% decrease in loading time.

Arsaga Partners

Frontend Engineer | August 2023 - Present

Develop Frontend application in project assigned as follows

Note-taking application (3/2024 - Present)
  • Add mobile support to legacy system
  • Use getUserMedia/ getDisplayMedia to capture media
Ticketing System & Navigation System (12/2023 - 2/2024)

Lead the development for Frontend of the project, Ticketing System & Navigation, used in web view inside a larger system.

  • Ticket Purchase/ Usage Feature
  • Announcement Feature
  • Payment with external payment provider
  • Google Map
  • Cross iOS support
AI-Assistant (10/2023-12/2023)

Lead development of a chat application based on ChatGPT used internally in an organization, based on Next.js

  • Chat Feature
  • Feedback Feature
  • Chat History Feature
AI-chat platform (8/2023 - 9/2023)

Architect and develop a chat platform based on ChatGPT based on Next.js

  • Lead the development for Frontend of the project.
  • Chat UI/ Handling (using server-sent events (SSE))
  • Tutorial Feature

Projects

ラブライブ!ソーター

April 2024 | Side Project

Tags:

React
TypeScript
Vite

好きな声優やキャラクターをソートするための、charasortにインスパイアされたウェブベースのソーターです。

Aibou

August 2022 | Side Project

Tags:

React
Next.js
Web Worker
TypeScript

Japanese language learning companion

Video Clipper

October 2020 | Side Project

Tags:

Next.js
React
Web Worker
Web Assembly
TypeScript

web-based ffmpeg client for quickly clipping videos and convert to different formats. Powered by web workers and wasm.

Vibe Code Creations

July 2025 | Side Project

Tags:

React
JavaScript

A collection of small web applications, including an interactive image pixelator, a 5L schedule viewer, a Gemini API-powered letter evaluation tool, and a chat application with integrated camera.

Link! Like! LoveLive! Chart Viewer

May 2025 | Side Project

Tags:

React
JavaScript

A web-based viewer for song charts from the rhythm game "Link! Like! LoveLive!", displaying difficulty levels and note counts.

LoveLive! Sorter

March 2025 | Side Project

Tags:

React
JavaScript

Sort your favorite seiyuu, characters inspired by charasort and more.

ぼっちラブカシミュレーター (Bocchi Loveca Simulator)

February 2025 | Side Project

Tags:

React
JavaScript

A simulator for Loveca (likely a game or activity related to LoveLive!) that allows solo play, acting as a "smarter dice" for scoring.

Kingblade x10iii Tuning Tool

February 2025 | Side Project

Tags:

React
JavaScript

A tool for tuning the Kingblade x10iii, with its algorithm ported from `kbx3wave`.

Receipt Parcer

February 2025 | Side Project

Tags:

React
TypeScript

Parse receipt screenshots into

Kingblade x10iii tuning tool

October 2024 | Side Project

Tags:

React
CSS
TypeScript
HTML
Vite

Tools for tuning , replacing obsoleted phone app.

© 2023-2024 HamP, Assets used in the site belongs to respective owner | View Source