Apiwit — Frontend Developer | React & Next.js Portfolio

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

YEARS2+

PROJECTS10+

TECH25+

> ID.CARD

ROLEFrontend // Web3

BASEBangkok, TH

FOCUSdApps · Motion · Website

Open to work

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.

On the Web3 side, I build production dApp frontends with wagmi, viem, ethers, WalletConnect and Moralis across EVM and Ronin chains — wallet connection, reading and writing smart contracts. I've shipped NFT marketplaces, token swaps, and back-office dashboards.

Beyond the web, I also ship cross-platform mobile apps with Flutter & Dart — Firebase-backed, with charts, push notifications, and PDF/Excel export.

SKILL_ANALYSIS:

TECH_STACK:

HTML & CSSTypeScriptReactNext.jsVue / NuxtTailwindCSSSCSSMUIAnt DesignViteJSZustandPWANestJSWagmiViemEthers.jsWeb3WalletConnectMoralisFlutterDartFirebaseSupabaseMongoDBDjangoExpressDockerGitGSAPFramer Motion

> PROJECTS

[05 MODULES LOADED]

Selected Works

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

LIVE CODE

FEATURED

Kurai – NFT Marketplace

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

Next.jsTypeScriptTailwindWeb3

LIVE CODE

Portfolio

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

Next.jsGSAPTailwindTypeScript

LIVE CODE

React Vectoria

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

ReactTypeScriptSVGAnimationLibrary

LIVE CODE

Sorrymama.444

Scroll-driven editorial landing for a 90s & 00s vintage fashion archive — a five-chapter zine experience alternating dark and cream scenes, with GSAP scroll timelines and Svelte islands.

AstroSvelteGSAPTypeScript

LIVE CODE

> GITHUB

Live Activity

FETCHING DATA STREAM...

> 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

// READY TO DEPLOY

Let's build something that wows

Got a project, a role, or just want to talk shop? The channel is open.

INITIATE CONTACT

> CONTACT

Send Message

> GITHUB > LINKEDIN > EMAIL > BUY ME A COFFEE