My Portfolio
slide-0
slide-1
slide-2

Creative Developer

Skills

React

React

Frontend
Next

Next

Frontend
JavaScript

JavaScript

Frontend
TypeScript

TypeScript

Frontend
Vue3

Vue3

Frontend
HTML5

HTML5

Frontend
CSS

CSS

Styling
Tailwind CSS

Tailwind CSS

Styling
Bootstrap

Bootstrap

Styling
Ant Design / Shadcn UI

Ant Design / Shadcn UI

Styling
Framer Motion

Framer Motion

Styling
Node / Express

Node / Express

Backend
Nest.js

Nest.js

Backend
MySQL / PostgreSQL

MySQL / PostgreSQL

Backend
Prisma

Prisma

Backend
Version Control Git

Version Control Git

Backend
Swagger

Swagger

Backend
Postman

Postman

Backend

Featured Projects

01

My Learning Project

Next.jsTypescriptTailwindCSSThree.jsFramer Motionshadcn/uizodSwiper.jsAuth.js

My Learning Project

An online learning platform where users can view tutorials and configurations without logging in. Browse a wide variety of learning content and copy example code directly. Supports user authentication via Auth.js.

02

Individual Project : M&M Restaurant

React.jsJavascriptTailwindCSSI18nextMap LeafletStripeNode.jsExpress.jsPrisma-ORMJestTDD

Individual Project : M&M Restaurant

An online restaurant system where users can browse menus and read reviews without logging in. To place an order, users must register and log in. Once logged in: place orders and pay via Stripe, leave reviews after payment, and view order history. The website also features popular menus, reviews, and comments from other customers.

03

Group Project : Friend Pow Foundation

React.jsJavascriptTailwindCSSI18nextMap LeafletStripeNode.jsExpress.jsPrisma-ORM

Group Project : Friend Pow Foundation

A foundation in Thailand that did not yet have its own website. Features include donation, adoption, and an AI chatbot. The AI also helps administrators by scanning adoption request forms. The system is accessible on desktop, iPad, and mobile, and supports multiple languages.

04

Forty-six Real Estate

Next.jsTypescriptTailwindCSSI18nextFramer Motion

Forty-six Real Estate

A static website built with Next.js, focused on beautiful design and smooth motion animations.

05

Content video quiz

React.jsTypescriptTailwindCSSFramer Motion

Content video quiz

A React.js web app for creating quiz sets with customizable colors. Multiple quiz sets are available to choose from.

06

Clone Page: Gravity

React.jsJavascriptTailwindCSSReact SlickFramer Motion

Clone Page: Gravity

The Gravity page is built using React.js with a modern design powered by TailwindCSS, enhanced scrolling effects with React Slick, and animations using Framer Motion.

07

Ecommerce Website

Vue3.jsJavascriptTailwindCSSPinia

Ecommerce Website

A responsive e-commerce website built with Vue.js, featuring dynamic product listings and a smooth user experience across desktop, tablet, and mobile. Users can browse, add items to the cart, and complete purchases easily.

08

Directory Website

Next.jsTypescriptTailwindCSSMap LeafletClerkSupabasePrisma-ORM

Directory Website

A platform that displays information about various places. Users can search by name or category. Log in with Google or Facebook to like places and view favourites. Users can also add new places to share with others.

09

Static Website with HTML and CSS

HTMLCSS

Static Website with HTML and CSS

A static page built primarily with HTML and CSS, fully responsive across Desktop, iPad, and Mobile devices.

Sarunya Portfolio

© 2026 All rights reserved