Pisitkorn Bootchada
Frontend Developer · AI-Assisted Development
pisitkorn.bootchada ✿ gmail
github.com/rose-korn
Pathum Thani, Thailand
Summary
Frontend developer with two years of building and running a production e-commerce platform end to end: Figma prototypes, Next.js and React, a 3D PC builder in Three.js, payments, deployment and the monitoring after it ships.
Experience
Frontend Developer — iHAVECPU
Nov 2024 – now
Building and maintaining the e-commerce frontend end to end: a 3D PC builder, Omise saved-card payments, AWS deployment, SEO monitoring and the ERP Prototype V1 frontend, all wired to REST APIs for product data and the cart. Started alongside a senior backend developer and moved into a dedicated frontend role after showing strength in web development.
.NET Developer — CCP Concrete · Chonburi
Sep – Nov
Developed a “Ship To” shipping submission page with ASP.NET Core MVC and an e-mail notification triggered on save.
IT Intern — Charoen Pokphand Foods PCL · Chonburi
2 months
Built a weather forecast website and an air quality index monitor for the factory: React front end, Node.js back end and Arduino sensor hardware.
Projects
3D PC Builder · iHAVECPU
- Real-time 3D scene that colours each part from the selected product, with selection effects and spec callouts
- A 7-slot bar for the main parts, plus a dock and product panel for picking
- Filters products by socket and slot; RAM, M.2 and GPU picks auto-adjust when the motherboard changes, with an undo notice
Checkout & Payments · iHAVECPU
- Coupon and monthly-instalment calculations at checkout
- Address and tax-invoice validation so orders go out right the first time
- Saved cards on Omise: looks up an existing customer by e-mail first, so no duplicates
Site-wide Dark Mode · iHAVECPU
- Design tokens in CSS variables so both themes come from one source
- Light theme kept pixel-identical while dark mode was added
- Theme toggle animated with the View Transitions API
Storefront UX · iHAVECPU
- Product Journey: recommends products by what you'll use them for, with purpose selection, a guideline and an interview overlay, plus a mobile journey
- Benchmark product cards that show expected game performance for the spec, with skeleton loading
- Redesigned image zoom: a rotary dial outside the image on wide screens and a zoom bar on tablets, applying transforms directly while dragging to cut re-renders
Education
Kasetsart University, Sriracha Campus · B.Eng. Computer Engineering (2020 – 2024)
Sriracha School · High school (2018 – 2020)
A transgender woman and a computer engineer. Proud of both.
Skills
Languages: JavaScript, TypeScript, C#, HTML & CSS
Frameworks: Next.js, React, ASP.NET Core MVC
Data & APIs: REST APIs, JSON, Fetch API
UI & styling: styled-components, Emotion, MUI, Ant Design, Formik, next-themes, Tailwind CSS
3D / WebGL: Three.js, React Three Fiber, drei, GSAP
Payments & analytics: Omise, GA4, Google Search Console
Deployment: AWS EC2, PM2, nginx, Cloudflare
Speaks: Thai (native), English (basic–intermediate)