Hi, my name is

Hans Tanawi.

I'm a full stack engineer specializing building things for web and based in Taipei, Taiwan

About

profile

Hey there! I'm Hans, a full stack software engineer who enjoys building things that live on the internet. I love working in the realm between frontend and backend applications.

I grew up in Indonesia and continued my career in Taiwan. Having the opportunity to pursue my career abroad, not only learn about new experience and culture, but also make me fluent in Chinese and English professionally.

Crafting beautiful UI components with excellent user experience and building performant and secure server APIs never fail to excite me.
My main focus these days is building web user interfaces and performant backend APIs and working on my side projects whilst learning new technologies.

Technologies I’ve been working with recently:

Languages

  • HTML/CSS
  • JavaScript/Node.js
  • TypeScript
  • Go
  • Python
  • SQL

Frameworks

  • React
  • Vue
  • Redux
  • Next.js
  • Tailwind
  • Nest.js

Tools

  • Git / GitHub
  • Docker
  • GitHub Actions
  • AWS
  • Linux

Where I've Worked

  • Full Stack Engineer @ Lumina

    Taipei, Taiwan

    November 2021 - Present

    Lumina is a software and hardware technology company that builds beautifully integrated hardware to make remote work better. As the web team lead in Lumina, I'm responsible for Lumina e-commerce landing page and backend API services.

    • Lead the development of Lumina landing page with responsive design using React, TypeScript, and Next.js, resulting in 2.5% of average conversion rate with 2K+ of daily user visits.
    • Build and maintain backend REST APIs from the ground up, utilizing Node.js, TypeScript, Nest.js, and Docker with PostgreSQL database. Reduced API response time by 30% and enhanced scalability to support 20K+ users.
    • Improved landing page loading speed by applying techniques such as, code splitting, lazy loading, and image optimization, achieved a 20% improvement in pagespeed score.
    • Reduce risk of bugs by utilizing Jest for unit and integration tests, resulting in a 50% increase in code reliability and overall product stability.
    • Lead the initiative to implement CI/CD pipelines with GitHub Actions, automating the build, test, and deployment process to Heroku; reduced feedback loops by 50% and boosted team productivity by 30%.

  • Frontend Engineer @ Molteo

    Schleswig, Germany (Remote)

    May 2020 - November 2021

    Molteo is a digital workspace, which provides real-time overview of projects and construction sites, flexible resource capturing, and paperless billing. As a frontend engineer, I'm responsible for the development and stability of the Molteo web platform, as well as collaborate with backend team to develop performant platform and APIs.

    • Developed, maintained, and optimized Molteo web application for construction companies with Vue, Vuex, and Vuetify tech stack. Reduced application loading time by 20% and enhanced user experience to support 10+ companies with 200+ of daily users.
    • Increased the E2E test coverage using Cypress by 50% to cover main usage scenarios flow and ensure product stability.
    • Led the development of Project History feature by building a new web platform using Vue and Tailwind, leading to 3+ construction companies signing up with Molteo.
    • Spearheaded the migration process on frontend codebase from JavaScript to TypeScript to enhance code quality, better development experience, and improve performance, leading to a 20% reduction in bugs.
    • Collaborated with cross-functional teams, including backend engineers and product manager, to develop backend REST API with Node.js and TypeScript, resulting in more seamless frontend to backend integration and 40% boost in performance.

Other Noteworthy Projects

milktab

milktab is a supplement pill designed for lactose-intolerant people to digest dairy better. Built with Next 13, TypeScript, and TailwindCSS with Shopify API integration.

Next.js

TypeScript

TailwindCSS

Nudge

Nudge is a comprehensive supplement to treat irritable bowel syndrome (IBS). Built with React, Next.js, TypeScript, and TailwindCSS with Stripe payment.

Next.js

TypeScript

TailwindCSS

FilmSeeker

FilmSeeker is actually my own fictional startup idea during my second year of college. A movie database web application where users can search for movies, create a watchlist, add ratings to the movies, etc. All movies data are supported by TMDB API.

Vue

JavaScript

Vuex

Vuetify

Contact Keeper

Simple web app to manage personal contacts information. All apps are dockerized as Docker containers. Deployed and hosted in AWS S3 and EC2.

React

JavaScript

Node.js

Express

Docker

AWS

MongoDB

Crypto Tracker

A web app to track most up-to-date cryptocurrencies prices. Cryptocurrencies data is supported by CryptoGecko API. Built with React, JavaScript, and Tailwind.

React

JavaScript

TailwindCSS

Lumina Desk

Lumina Desk landing page. Showcasing Lumina second major product, a smart desk optimized for home-office and remote work. Built with Next.js TypeScript, TailwindCSS and Framer Motion

Next.js

TypeScript

TailwindCSS

Framer Motion

Get In Touch

I'm currently open to new exciting opportunities globally and open-source projects collaboration. Don't hesitate to reach me or just say hi.

My inbox is always open!

Contact Me