LOADING

Hi! I'm Surachat

Frontend Developer

Crafting
scroll down
(1)Projecs

A SELECTION OF SELF-INITIATED WORKS, EACH ONE HOLDING SPECIAL MEANING FOR ME.

Anime Fix
Anime Fix Detail

Anime Fix

A gallery of personal photographs.

ReactThree.jsGSAPTailwind CSS
View
Resize Images
Resize Images Detail

Resize Images

Resize images to the desired size.

Astro.jsReactFramer Motion
View
OCR React
OCR React Detail

OCR React

OCR React.

Astro.jsReactFramer Motion
View

I'm Surachat - a Frontend Developer passionate about bringing websites to life.

My focus is on making the designer's concept a pixel-perfect reality. I specialize in building engaging interactive web experiences with smooth animations and creative UI motions. By leveraging Three.js, GSAP, and modern frameworks like Next.js, I bring design concepts to life.

SKILLS

Frontend Development

• JavaScript
• TypeScript
• React
• Next.js
• Recoil
• Zustand
• HTML5
• CSS3
• Tailwind CSS
• Styled Components
• Chakra UI
• Ant Design
• GSAP
• Three.js
• Cypress
• Jest

Backend Development

• Nest.js
• Node.js
• RESTful API
• GraphQL
• Firebase

Database

• MongoDB

Tools

• Git
• Postman
• Figma
• Lottiefiles

PRANEAT Co.,Ltd.

Frontend Developer

Architected and delivered 4+ CMS projects using Next.js. Engineered comprehensive CRUD API systems with Nest.js & MongoDB. Mentored internship students in Frontend and Backend development.

Jun 2022 - Present

ZettaMerge

Frontend Developer (Part-time)

CMS project using React. Create View follow by figma design. Implement RESTful API

Sep 2024 - Nov 2024

✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
✦Custom Web Experiences✦Driven by Passion, Built with Code✦Innovative Self-Made Creations✦Tailored Web Development✦Digital Solutions
Contact
surachat.maliwan@gmail.com

PORTFOLIO