PINUP
Embedded Files
As a member of PINUP, a startup providing legal and design support tools, I worked in the Research phase to process geospatial data. My responsibilities included converting Shapefiles (.shp, .shx, .dbf, .prj, .sbn/.sbx, .cpg) into GeoJSON for further analysis and visualization, deriving useful insights such as distances and areas from geographic coordinates. I also handled initial data cleaning and standardization—for example, mapping Thai-English mixed fields to a consistent format—ensuring that accurate and meaningful information was displayed on our website using OpenStreetMap as the base map.
Technology Stack
Nextjs | JavaScript | TailwindCSS
Python | FastAPI
Role
Data Engineer
Potioncraft: Larngear Trials
Designed the website for an interactive infinite craft game with a “potion-making” theme, defining the Design System and UI; game ingredients represented different engineering departments, and combined potions reflected each department’s characteristics. This interactive website was created to promote the 25th Engineering Camp.
Design System
Wireframe
User Interface
TKC Intership (Phase 1)
During my UX/UI internship in June, I worked on the Bills Feature for the PromptPost app. I translated requirements from the Product Owner into user flows for two usage scenarios (Postbox Bills and E-Billing) on FigJam, then designed the feature’s UI in Figma. The app enables users to pay utility bills by retrieving their outstanding balances via APIs, with the first phase focusing on electricity payments for both the Metropolitan and Provincial Electricity Authorities. This work was presented to the client (Thailand Post) and later implemented in production.
Technology Stack
Figma
Role
UXUI Designer (Intern)
Note : All of these links are copy versions.
Technology Stack
HTML | CSS | JavaScript
Role
Frontend Developer (Intern)
TKC Intership (Phase 2)
During the second month of my internship (July), due to limited time, I focused on learning best practices for HTML and CSS from team members and independently studied JavaScript to complement my frontend work. I was tasked with implementing the UI for two desktop pages:
1) the DiD page, presenting service recommendations
2) the About Us page, showcasing information about PromptPost.
In developing these pages, I implemented transitions, animations, and mobile responsiveness, enabling the pages to support both Thai and English content—features I explored and applied based on design requirements and self-study.
DiD Page
About Us Page
18th FE Camp Website
A feature-rich web platform designed to support activities of the 18th FE Camp, with three core modules:
Class Management – Handles class schedules, downloadable resources, announcements, and feedback. Campers are divided into 8 rooms, each with a unique schedule and theme.
Information System – Stores personal and contact information of both campers and staff, with role-based access control to ensure proper visibility.
Camp Utilities – Includes chatbot notifications, pre/post-test features, certificate downloads, and room announcements.
Technology Stack Next.js | PostgreSQL | Prisma | Docker | TablePlus | Postman
Role Backend Developer
As a Backend Developer on the Web Development Team, I contributed to key parts of the system:
Designed Prisma schemas for modules like Web Phase and Notes
Developed RESTful APIs (GET, POST, PATCH) for key functionalities such as submitting camper notes, updating reset passwords, and retrieving web phases
Tackled the most complex part of the backend: implementing secure user sign-up and password reset workflows
Deepened my understanding of JavaScript/TypeScript and improved my ability to connect backend logic with frontend behavior through well-structured APIs
Fly with Sigma Database System
Designed a flight booking system called Fly with Sigma as a final project for a database course, involving ER diagrams, relational schemas, and SQL-based development using PostgreSQL, pgAdmin, and Docker. Gained insights into system design and effective team collaboration through shared responsibilities and balanced workloads.
Technology Stack
PostgreSQL | SQL | pgAdmin | Docker | MongoDB
Role Database System Designer
DDL Code
represents my core contribution to the initial setup of our database system. I've defined all the CREATE TABLE statements necessary for the entire system, directly reflecting our design in the ER Diagram. This foundational work provides a clear overview of the project's data structure, which is essential for understanding the system as a whole and allows for effective task distribution among the team, considering their interests and ensuring balanced workloads.
Through this process, I gained a deeper understanding of what data each table truly requires and its purpose—helping to identify redundancies or missing elements in our original ER design.
Note: This DDL code is just an example. See the full project code on GitHub (link above at the GitHub button).
Stored Procedures
are a component of the database system I designed, and here's an example of a Stored Procedure used for booking flight tickets (BookTicket).
Purpose: This BookTicket procedure automates the flight booking process in the database.
Input: It takes your user ID, flight details (number, seat, schedule), passenger info, baggage, gate, price, aircraft registration, currency, and payment method.
Ticket & Payment IDs: It generates unique IDs for both the ticket and the payment.
Core Action: It adds records to the TICKET, PAYMENT (initially pending), and PURCHASE tables, linking your booking.
Safety: It includes error handling to prevent incomplete bookings if something goes wrong.
Expiration: Reservations have a 24-hour expiry time.
24th Larngear Camp Website
Design a wireframe and user interface for the Larngear website, which serves as a platform for collecting items through check-ins at academic activity stations that introduce various engineering departments. These items can be used to customize cartoon avatars according to users' preferred styles, making participation in camp activities more engaging. The website also provides a space for participants to write heartfelt messages to their friends after the camp ends.
Technology Stack Figma
Role UX/UI Designer Graphic Designer
Designing the Mainpage
Designing the Dressing Game
Designing the Collecting Items
GemOfYourSoul
I was responsible for designing the theme and storyline of an interactive website, and creating user-centric web pages by developing wireframes in Figma.
Technology Stack Figma
Role
Content Creative
UX/UI Designer
Note: The project website has since been taken offline.
Ready Set Run !
Led the development of a Java game, taking responsibility for game design, UI development, and coding. Successfully applied OOP concepts to create a well-structured and efficient game. Achieved an A in Programming Methodology.
Technology Stack Java
Role Game Designer Java Programmer
Factory Map
Jungle Map
Cave Map
Forest Map
Shoot Out Show Down Game
I implemented game mechanics from an existing game, coded the rules, developed the backend to fetch APIs, and designed the game graphics. This was part of the Computer Engineering Essential course, where I earned an A.
Technology Stack
HTML | CSS | JavaScript
Role
Backend Developer Graphic Designer
42 Bangkok Discovery Piscine
Through my first coding project, a personal website created using HTML, CSS, JavaScript, and Tailwind CSS, I gained valuable experience and was honored to receive the 'Popular Vote' from tutor.
Technology Stack
HTML | CSS | JavaScript
Role
Frontend Developer
Page updated
Google Sites
Report abuse