- Name: Sean Huang
- Role: Frontend Engineer
- Location: Tainan, Taiwan
- Blog: Sean's Blog
SPA:
- (WIP) MapleStory Match Cards MiniGame: ๐ MapleStory Match Cards Mini Game. Built with Vite + React + Shadcn UI + Zustand.
- Google Keep Clone: A Simple Google Keep Clone App. Built with React + styled-components + React Router 6 + Redux + Redux Thunk + Redux Toolkit.
- Studio Ghibli: Studio Ghibli Fan Project built with React.
- MapleStory Shop: ๐ Show my LOVE for MapleStory over the years by building this website featuring iconic items!
- Mask Map: A website that shows us where can we buy face masks in Taiwan. Built with Vue 2 + Bootstrap + OpenStreetMap + Leaflet.
SSG / SSR:
- Sean's Blog: Blog built with Astro + Tailwind CSS + TypeScript + ESLint + Markdown. Bringing articles, stories, and tutorials for web enthusiasts.
- Next.js App Router Blog: SSG blog built with Next.js App Router + Tailwind CSS + Shadcn UI + Markdown.
- Next.js Pages Router Blog: SSG blog built with Next.js Pages Router + CSS Modules + Markdown.
- Gatsby Blog: SSG blog built with Gatsby.js + styled-components + GraphQL + Markdown.
- JavaScript (TypeScript)
- UI interaction and browser-related technologies
- SEO and web page performance optimization-related technologies
- Now I mainly use
React, and I also have development experience in Vue 2 - Favorite tech stack:
Vite+ React (SPA) / Astro (SSG) / Next.js (SSR) +Tailwind CSS+Shadcn UI+TypeScript+Zustand+React Query+Vitest/ Jest +Playwright - Favorite development configuration: EditorConfig + Prettier + ESLint + simple-import-sort
- Want to get more familiar with open data and data visualization
- Have learned C, PHP, MySQL, Python, and Java in college
- Have built an Autonomous Lawn Mower using Pixhawk, ArduRover, and Mission Planner
- ๐ Regularly write articles on Sean's Blog
- ๐ฎ Anime, movie, and video game enthusiast
- ๐ Loving ใพใใดใ, ใกใใใ, Travel, Games, Music
- ๐ซ How to reach me: [email protected]