0%
FRONTEND DEVELOPER ■ CREATIVE CODER ■ REACT ■ NEXT.JS ■ TYPESCRIPT ■ GSAP ■FRONTEND DEVELOPER ■ CREATIVE CODER ■ REACT ■ NEXT.JS ■ TYPESCRIPT ■ GSAP ■FRONTEND DEVELOPER ■ CREATIVE CODER ■ REACT ■ NEXT.JS ■ TYPESCRIPT ■ GSAP ■FRONTEND DEVELOPER ■ CREATIVE CODER ■ REACT ■ NEXT.JS ■ TYPESCRIPT ■ GSAP ■FRONTEND DEVELOPER ■ CREATIVE CODER ■ REACT ■ NEXT.JS ■ TYPESCRIPT ■ GSAP ■FRONTEND DEVELOPER ■ CREATIVE CODER ■ REACT ■ NEXT.JS ■ TYPESCRIPT ■ GSAP ■FRONTEND DEVELOPER ■ CREATIVE CODER ■ REACT ■ NEXT.JS ■ TYPESCRIPT ■ GSAP ■FRONTEND DEVELOPER ■ CREATIVE CODER ■ REACT ■ NEXT.JS ■ TYPESCRIPT ■ GSAP ■

> ABOUT

SYS.ONLINE

Identity

Avatar
2+YEARS
10+PROJECTS
15+TECH
3+LANGUAGES
1+FRAMEWORKS

Hi there! I'm Apiwit (Aont) — a Frontend Developer at Maxion Tech, passionate about crafting beautiful and interactive web experiences.

Graduated in Software Engineering from University of Phayao. I love blending creative coding with modern frontend frameworks to build websites that don't just work — they wow.

SKILL_ANALYSIS:
FRONTEND90%STYLING85%ANIMATION80%BACKEND55%TOOLS75%
TECH_STACK:
HTML & CSSTypeScriptReactNext.jsTailwindCSSSCSSMUIAnt DesignViteJSNestJSFirebaseDockerGitGSAPFramer Motion

> PROJECTS

[07 MODULES LOADED]

Selected Works

React Leaflet Project 1React Leaflet Project 2React Leaflet Project 3
FEATURED

React Leaflet Project

This project is a test project for using React Leaflet and connecting to an API to display location data on a map. It displays the AQI value of each area on the map using colors as indicators, with different color conditions according to AQI levels.

ViteReactTailwindLeaflet
LIVECODE
Kurai – NFT Marketplace 1
FEATURED

Kurai – NFT Marketplace

NFT marketplace on Ronin chain featuring live token sales, collection browsing, trending & curated sections, and wallet integration.

Next.jsTypeScriptTailwindWeb3
LIVECODE
Portfolio 1

Portfolio

Personal portfolio with cyberpunk aesthetic, GSAP animations and boot screen sequence.

Next.jsGSAPTailwindTypeScript
LIVECODE
React Vectoria 1

React Vectoria

A React SVG icon library designed for consistency, animation, and great developer experience.

ReactTypeScriptSVGAnimationLibrary
LIVECODE
Component Library 1

Component Library

Reusable UI component library with Storybook documentation and accessibility.

ReactStorybookSCSS
LIVECODE
Weather Visualizer 1

Weather Visualizer

Interactive weather app with map visualization and 7-day forecast.

VueMapboxAPI
LIVE
Blog Platform 1

Blog Platform

MDX-powered blog with syntax highlighting, search and dark mode.

Next.jsMDXTailwind
LIVECODE

> EXPERIENCE

System Log

[2024.07] > EXEC role="Frontend Developer" --at="Maxion Tech"
status: ACTIVE
Full-time frontend developer based in Bangkok (Hybrid). Building modern web applications with cutting-edge frontend technologies.
ReactNext.jsTypeScriptTailwindCSS
[2023.05] > EXEC role="Frontend Developer" --at="CIRCLE A CO., LTD."
status: COMPLETED
Full-time frontend developer in Chiang Mai. Developing UIs with modern frameworks, building custom components, responsive designs, and code review.
ReactTypeScriptTailwindCSSMUI
[2023.02] > EXEC role="Unity Developer" --at="KK VENTURE COMPANY LIMITED"
status: COMPLETED
Implemented metaverse 3D game for Web 3.0.
UnityC#MetaverseWeb3
[2022.04] > EXEC role="Unity Developer (Internship)" --at="OneDee.ai"
status: COMPLETED
Developed interactive applications using Unity during 6-month internship in Chiang Mai.
UnityC#
[2021.04] > EXEC role="Frontend Developer (Internship)" --at="OneDee.ai"
status: COMPLETED
Implemented web client during internship period.
ReactTypeScript

> CONTACT

Send Message

> GITHUB> LINKEDIN> EMAIL