Resume
Ratchanon Noknoy Portfolio Cover - Kamphaeng Phet HospitalRatchanon Noknoy Portfolio Cover Hover
PORT
FOLIO
OFFICIAL PORTFOLIO
Created by

Ratchanon Noknoy

Crafting fluid user experiences with React

PREFACE

คำนำ

01

This portfolio is prepared to present my experience in developing information systems to support hospital operations. I specialize in Front-End development using React and Next.js, with working knowledge of Back-End technologies such as Node.js, Google Apps Script, and SQL, as well as external system integration and deployment using Vercel.

With experience working with hospital systems and HIS platforms, I focus on developing user-friendly solutions that reduce workloads for medical staff, shorten patient waiting times, and deliver tangible value to healthcare organizations.

Team Photo

PROFILE

ประวัติส่วนตัว

Ratchanon Noknoy - Full Stack Developer

Ratchanon Noknoy

02

PERSONAL SUMMARY

  • Web Application Developer (Next.js, React) with experience building digital systems for enterprises and hospitals, using HOS, developing LINE OA, and automating with Google Apps Script/Sheets

PERSONAL INFO

  • Nickname: Film
  • Year of Birth: 1999
  • Age: 26 Years
  • Nationality: Thai
  • Religion: Buddhism
  • Address: Diamond Park Village, Kamphaeng Phet 62000, Thailand

ADDITIONAL SKILLS

  • HOSxP & OPD: Hospital Operation Systems
  • System Analysis: System Analysis & Design
  • Accountability: Responsibility, Punctuality, System Stability
  • Work Skills: Cross-functional Collaboration
  • LINE API: Rich Menu & Automation
  • Data Integration: Hospital Data Integration via LINE

REFERENCES

EXPERIENCE

ประสบการณ์ทำงาน

03
Mar – Sep 2025

Full Stack Engineer

Kamphaeng Phet Community Municipality Hospital

  • Developed the official hospital website to improve communication and reduce patient inquiries.
  • Built an online patient registration system (Next.js) to eliminate paper forms and reduce waiting time.
  • Designed and implemented LINE OA Automation to handle patient inquiries automatically, reducing call volume and improving patient satisfaction.
  • Managed HOSxP database using SQL for reporting and standard data validation.
May – Sep 2024

Programmer Intern

Kosamphi Nakhon Hospital Kamphaeng Phet

  • Developed an ITA-compliant website, enabling the hospital to pass the annual Integrity and Transparency Assessment with high scores.
  • Eliminated meeting room double-bookings by creating an online booking system with real-time LINE Notify alerts.

SKILLS

ทักษะทางเทคนิค

04

Frontend Development

React
Next.js
HTML5
CSS3
Tailwind
JavaScript

Backend & Database

SQL
MySQL
Node.js
Google App Script (GAS)
Restful API

DevOps & Tools

Git
CI/CD
Agile
Vercel
Render
Canva Tools

LINE OA Development

Line Messaging API
Rich Menu
Flex Message
Line OA Automation
Line Bot Designer
JSON

Healthcare IT & HOSxP

HOSxP
SQL for Healthcare
BMSHOSxPStandard43Export
HOSxPXE PCU
OPD Workflow

Soft Skills

Continuous Learning
Collaboration
highly responsible
UX Passion

PROJECTS

ผลงานและโครงการ

05
Screenshot of Telemedicine Informational Website

Telemedicine Informational Website

Created on: March 2025

Designed and developed a landing page for telemedicine services with a clear, user-friendly flow.
ReactNext.jsTailwind CSS
Screenshot of Kamphaeng Phet Municipality Community Hospital Website

Kamphaeng Phet Municipality Community Hospital Website

Created on: March 2025

Solo Developer handling UI/UX, Next.js front-end, and service integration.
ReactNext.jsCSS3
Screenshot of Website for Pregnant Mothers

Website for Pregnant Mothers

Created on: March 2025

Built the full website with UI design and an antenatal care registration system.
ReactNext.jsCSS3
Screenshot of Telemedicine Appointment Search System

Telemedicine Appointment Search System

Created on: March 2025

Built a secure web app to query appointments from Google Sheets using national ID.
ReactNext.jsGoogle SheetsCSS3

LINE OA

ผลงาน LINE Official Account

06
Rich Menu of LINE OA for Kamphaeng Phet Municipality Community Hospital

LINE OA for Kamphaeng Phet Municipality Community Hospital

Created on: March 2025

Designed Rich Menu and Flex Messages for main services.
Rich MenuFlex MessageJSON
Rich Menu of LINE OA for Health Promotion Unit, KPPMCH

LINE OA for Health Promotion Unit, KPPMCH

Created on: March 2025

Designed Rich Menu/Flex Messages for health promotion.
Rich MenuFlex MessageJSON
Rich Menu of LINE OA for TeaunjitCare Service

LINE OA for TeaunjitCare Service

Created on: August 2025

Designed Rich Menu/Flex Messages for service intro.
Rich MenuFlex MessageJSON
Rich Menu of LINE OA Ching Paow Project: Open Burning Management System

LINE OA Ching Paow Project: Open Burning Management System

Created on: October 2025

Designed Rich Menu/Flex Messages for "Ching Paow" project.
Rich MenuFlex MessageJSON

EDUCATION

ประวัติการศึกษา

07
2024

Bachelor of Science in Software Engineering

Mae Fah Luang University

Graduated: October 22, 2024

Activities and Societies

  • Frontend Developer, MFU Digital Learning Project – Digital learning content for Chinese Language
2017

Science-Mathematics Program (IPST)

Nawaminthrachinuthit Bodindecha School

Graduated: March 31, 2017

Activities and Societies

  • Received a silver medal in the Student Science Project Competition for Biology and Physics.

Transcripts

ใบผลการเรียน

08
Academic Transcript (Page 1)
Academic Transcript (Page 2)
Academic Transcript (Page 3)

ACTIVITIES

กิจกรรม

09
Activity 3
01
KM Online Seminar on Digital Media Development in the Digital Era
Activity 3 Detail
Activity 11
Activity 11 Detail
02
Digital Media Development Training Program Using AI (2025)

ACTIVITIES

กิจกรรม

10
Kamphaeng Phet Mayor Visits Patients via Telemedicine
03

20 May 2025, the Mayor of Kamphaeng Phet Municipality visited patients and provided care through the Telemedicine system.

Closing Ceremony of Digital Media Training Program
04

On 9 July 2025, Digital Media Training Program Closing Ceremony, Chakangrao 1, 4th Floor, Kamphaeng Phet Municipality.

Kamphaeng Phet Municipality Anti-Corruption Training 2025
05

On 31 July 2025, the Deputy Mayor of Kamphaeng Phet Municipality opened the anti-corruption project.

CERTIFICATES

เกียรติบัตร

11
Certification of Medium of Instruction

Certification of Medium of Instruction

Issued by the Office of the Registrar, Mae Fah Luang University

Certificate of Digital Learning Production

Certificate of Digital Learning Production

Issued by MFU Digital Learning (MDL), Mae Fah Luang University

Atmosphere

บรรยากาศ

12
Work Atmosphere 1
Figure 1: Atmosphere
Kamphaeng Phet Municipality Hospital
Work Atmosphere 2
Figure 2: Atmosphere
Kamphaeng Phet Municipality Hospital
Work Atmosphere 3
Figure 3: Atmosphere
Kamphaeng Phet Municipality Hospital
Work Atmosphere 4
Figure 4: Atmosphere
Kamphaeng Phet Municipality Hospital
Work Atmosphere 5
Figure 5: Atmosphere
Kamphaeng Phet Municipality Hospital
Visit Organization