{"$schema":"https://raw.githubusercontent.com/jsonresume/resume-schema/v1.0.0/schema.json","basics":{"name":"Pisitkorn Bootchada","label":"Frontend Developer","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.","url":"https://cv.rosekorn.com","location":{"region":"Pathum Thani","countryCode":"TH"},"profiles":[{"network":"GitHub","username":"rose-korn","url":"https://github.com/rose-korn"}]},"work":[{"name":"iHAVECPU","position":"Frontend Developer","period":"Nov 2024 – now","summary":"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."},{"name":"CCP Concrete · Chonburi","position":".NET Developer","period":"Sep – Nov","summary":"Developed a “Ship To” shipping submission page with ASP.NET Core MVC and an e-mail notification triggered on save."},{"name":"Charoen Pokphand Foods PCL · Chonburi","position":"IT Intern","period":"2 months","summary":"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."}],"education":[{"institution":"Kasetsart University, Sriracha Campus","studyType":"B.Eng. Computer Engineering","period":"2020 – 2024"},{"institution":"Sriracha School","studyType":"High school","period":"2018 – 2020"}],"projects":[{"name":"3D PC Builder","entity":"iHAVECPU","description":"An interactive 3D builder where customers watch the parts they pick come together into a full PC build, with compatibility checks built in.","roles":["Frontend and 3D: scene, interaction, compatibility logic and performance."],"keywords":["Three.js","React Three Fiber","drei","GSAP","Next.js","TypeScript","WebGL"],"highlights":["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","Same slot-limit and stock warnings across every category; the list refreshes in the background without the page jumping","Kept it smooth with lazy loading, adaptive resolution and pausing the render when idle; fixed race conditions when switching categories","Opt-in device check (CPU threads, RAM, GPU and a tiny benchmark) that runs only in the browser and shows how well 3D mode will run, designed with Thailand's PDPA in mind"],"url":"https://cv.rosekorn.com/projects/pc-builder/"},{"name":"Checkout & Payments","entity":"iHAVECPU","description":"The store's checkout, from coupons and instalments to tax invoices and saved cards on Omise, built to be safe with real customers' money and data.","roles":["Owned the checkout frontend, working with backend developers on the API."],"keywords":["Next.js","React","TypeScript","Formik","Omise","AES-256"],"highlights":["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","Retries safely on network failures, since card tokens are single-use","Customer IDs and tokens encrypted with AES-256"],"url":"https://cv.rosekorn.com/projects/saved-cards/"},{"name":"Site-wide Dark Mode","entity":"iHAVECPU","description":"Dark mode across the whole store, without changing a single colour of the existing light theme.","roles":["Designed the token system and rolled it out across the site."],"keywords":["next-themes","CSS variables","View Transitions API","styled-components","Emotion"],"highlights":["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","Fixed third-party components such as react-select so they follow the theme"],"url":"https://cv.rosekorn.com/projects/dark-mode/"},{"name":"Storefront UX","entity":"iHAVECPU","description":"The parts of the store customers touch every day: finding the right product, comparing it, zooming in and getting drivers after they buy.","roles":["Built and maintained these storefront features from Figma to production."],"keywords":["Next.js","React","TypeScript","styled-components","MUI","Ant Design"],"highlights":["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","Driver download centre with progress bars, skeletons and driver lists","Header, mobile navigation, category menus and homepage promotion sections","Small things that matter: scroll lock without layout shift, 16px inputs so iOS doesn't zoom, notifications above modals, support for older Chrome"],"url":"https://cv.rosekorn.com/projects/storefront/"},{"name":"Ship & Watch","entity":"iHAVECPU","description":"Running the production Next.js site: deployment, a safe UAT server, SEO and performance monitoring, and the docs that help other teams.","roles":["Owner of deployment and post-release monitoring for the frontend."],"keywords":["AWS EC2","PM2","nginx","Cloudflare","GA4","Search Console","Figma","TablePlus"],"highlights":["Set up and maintain production on AWS EC2 with PM2, nginx and Cloudflare","Stood up a UAT server that blocks bots and search-engine crawling; test every release before and after deploy","Figma prototypes for Product Manager approval, then built in Next.js, React and TypeScript","Monitor SEO with GA4 and Search Console, report to the Managing Director and fix drops with the SEO team","Trace issues through the database in TablePlus and report root causes to the department head","Write and maintain internal guidebooks on modules and known issues; built the ERP Prototype V1 frontend"],"url":"https://cv.rosekorn.com/projects/ship-it/"},{"name":"Talai Tracker","entity":"University project · team of 3","description":"A tracking app for the campus songthaew (talai), so students know where the ride is and how full it is.","roles":["Built the whole application myself: UI/UX, admin panel and the Firebase back end."],"keywords":["Flutter","Firebase","YOLOv9 (team)","GPS (team)"],"highlights":["University-verified registration","Lost-and-found board for items found around campus","News feed with likes and comments","Teammates handled passenger counting with YOLOv9 and GPS location capture"],"url":"https://cv.rosekorn.com/projects/talai/"},{"name":"Factory Air Meter","entity":"CP Foods internship","description":"An air quality index monitor for the factory, plus a weather forecast website.","roles":["Front end, back end and hardware integration."],"keywords":["React","Node.js","Arduino"],"highlights":["Arduino sensor box collecting air readings on site","Node.js back end serving the results","React dashboard showing the quality index"]},{"name":"valorant-list","entity":"Side project","description":"A fan web app for friends in the Valorant community that browses game data from the public valorant-api.com.","roles":["Solo: data fetching, structure and UI."],"keywords":["Next.js","React","TypeScript","Tailwind CSS"],"highlights":["Consumes and structures the public valorant-api.com REST API","Built for the community, non-commercial"],"url":"https://github.com/rose-korn/valorant-list"}],"skills":[{"name":"Languages","keywords":["JavaScript","TypeScript","C#","HTML & CSS"]},{"name":"Frameworks","keywords":["Next.js","React","ASP.NET Core MVC"]},{"name":"Data & APIs","keywords":["REST APIs","JSON","Fetch API"]},{"name":"UI & styling","keywords":["styled-components","Emotion","MUI","Ant Design","Formik","next-themes","Tailwind CSS"]},{"name":"3D / WebGL","keywords":["Three.js","React Three Fiber","drei","GSAP"]},{"name":"Payments & analytics","keywords":["Omise","GA4","Google Search Console"]},{"name":"Deployment","keywords":["AWS EC2","PM2","nginx","Cloudflare"]},{"name":"Tools","keywords":["GitHub","TablePlus","Figma","VS Code","Postman"]},{"name":"AI tools","keywords":["Claude","Gemini","ChatGPT","GitHub Copilot"]},{"name":"Also used","keywords":["Flutter","Firebase","Node.js","Arduino"]}],"languages":[{"language":"Thai (native)"},{"language":"English (basic–intermediate)"}]}