Hello, I'mLutfee Dorloh
Driven by a passion for building stunning, practical, and user-friendly applications. Join me in creating wonders that inspire.
About Me
My journey in software development started in 2018 when I entered university. Since then, I have worked on various projects and gained valuable experience in both frontend and backend development.
Skills
Angular
Intermediate
Node.js
Intermediate
Next.js
Intermediate
React
Intermediate
C#
Basic
Linux
Intermediate
Nginx
Intermediate
Ubuntu
Intermediate
JavaScript
Intermediate
TypeScript
Intermediate
Gitlab
Intermediate
MySQL
Intermediate
Github
Intermediate
Education
Faculty of Engineering
Prince of Songkla University
Experience
Software Engineer (Co-operative Education)
Automated manual workflows by building an Angular Code Generator, slashing development time from 3 hours to just 5 minutes. Developed a Real-time IoT Monitoring system with WebSockets for server rooms to prevent downtime via instant alerts. Collaborated with teams to troubleshoot issues and deliver automation projects, significantly improving overall productivity.
NETWORK Engineer (Intern)
Configured and managed network infrastructure using H3C and HPE Aruba devices, including switches and access points. Maintained LAN, WAN, VLAN and AP. Conducted on-site visits to install and configure network equipment.
Tech Stack
A collection of tools and frameworks I use to build premium digital experiences. Sorted by technical proficiency.
Featured Projects
Showcasing my most impactful and innovative work
MSSPSUHATYAI Website
พัฒนา Landing Page สำหรับชมรมมุสลิมในมหาวิทยาลัย โดยใช้เทคโนโลยี Next.js ร่วมกับ Tailwind CSS ในการออกแบบและพัฒนา เน้นโครงสร้างที่เป็นระเบียบ ดีไซน์เรียบง่ายแต่ทันสมัย พร้อมให้ความสำคัญกับประสบการณ์ผู้ใช้ (User Experience) ที่ลื่นไหล รองรับการใช้งานทั้งบนเดสก์ท็อปและอุปกรณ์มือถืออย่างมีประสิทธิภาพ ในส่วนของระบบหลังบ้าน ได้ทำการเชื่อมต่อฝั่ง Frontend เข้ากับ API ที่พัฒนาด้วย NestJS และใช้ MongoDB เป็นฐานข้อมูลหลัก เพื่อจัดเก็บและบริหารจัดการข้อมูลต่าง ๆ ของชมรม ไม่ว่าจะเป็นกิจกรรม ข่าวสาร หรือเนื้อหาสำคัญอื่น ๆ โดยข้อมูลทั้งหมดสามารถดึงมาแสดงผลแบบไดนามิก (Dynamic Content) ทำให้ผู้ใช้งานเห็นข้อมูลที่เป็นปัจจุบันอยู่เสมอ นอกจากนี้ ยังมีการออกแบบโครงสร้างระบบให้สามารถขยายต่อได้ในอนาคต (Scalable Architecture) รองรับการเพิ่มฟีเจอร์ใหม่ ๆ เช่น ระบบจัดการกิจกรรม การอัปเดตข่าวสารผ่านแอดมิน หรือการเชื่อมต่อกับบริการอื่น ๆ ได้อย่างยืดหยุ่น ส่งผลให้เว็บไซต์ไม่เพียงแค่สวยงาม แต่ยังมีประสิทธิภาพ เสถียร และพร้อมใช้งานในระยะยาว
NextJS
NestJS
MongoDB+1
เครื่องมือสร้างโค้ด Angular แบบสำเร็จรูป
เครื่องมือสร้างโค้ด Angular แบบสำเร็จรูป (Angular Code Generator Tool) A high-performance, professional low-code productivity tool designed to automate the creation of Angular CRUD components. Generate complete frontend modules including Services, Interfaces, HTML, and TypeScript in seconds from any data source. ✨ Key Features 🎯 Multi-Source Generation: Relational Databases: SQL Server, MySQL, PostgreSQL. Legacy Systems: Specialized support for AS/400 (IBM i). Modern APIs: Parse REST API structures via URL. JSON Raw Data: Generate code directly from JSON samples. 🎨 UI Strategy Pattern: Supports multiple CSS frameworks: Bootstrap 5 (High-speed, responsive) Angular Material (Premium, standard look) ⚡ Offline Ready: All libraries (Bootstrap, Font Awesome, Prism.js) are localized—no CDN dependencies. 👁️ Real-time Preview: Syntax-highlighted code preview with Prism.js. 📦 ZIP Export: Download your entire generated module as a ready-to-use ZIP package. 📠 Exclusive IBM AS/400 Support This generator provides deep integration with IBM i (AS/400) legacy systems: Library/Table Separation: Precise schema discovery by targeting specific Libraries and Tables. Auto-Labeling: Automatically fetches COLUMN_TEXT labels from AS/400 to use as UI field names. Dapper Integration: Optimized high-speed schema reading using Dapper and OleDb. 🛠️ Tech Stack Backend: ASP.NET Core 8.0 (C#) Data Access: Dapper (High-performance micro-ORM) Frontend: Vanilla JS (AJAX-driven), CSS3, HTML5 Libraries: Prism.js: Code syntax highlighting JSZip: In-browser ZIP generation Font Awesome: Modern vector icons Bootstrap/Material: Modern UI layouts 📖 Usage Connect: Click the Database Status icon to configure your connection. Select Source: Choose between SQL, API, or JSON. Configure: Select your table or paste your API/JSON data. Customization: Select CRUD operations (Get, Post, Put, Delete). Select the CSS framework (Bootstrap/Material). Toggle individual fields to include/exclude. Generate: Click Generate Code and instantly preview your Angular modules. Download: Use Download All (ZIP) to grab the files.
C#
Bootstrap5Angular
Qisol Website
เป็นเว็บไซต์แนะนำผลิตภัณฑ์ สามารถใช้ได้ 3ภาษา ได้แก่ ไทย , อังกฤษ และญี่ปุ่น
NextJS
Tailwind
SmartFarm
ระบบฟาร์มอัจฉริยะ (SmartFarm) ซึ่งเป็นการนำเทคโนโลยีมาประยุกต์ใช้ในการทำการเกษตร โดยมีวัตถุประสงค์เพื่อลดต้นทุน และสร้างความยั่งยืนให้กับภาคการเกษตร
OpenCV+1
Network Infrastructure
โครงการออกแบบโครงสร้างพื้นฐานระบบเครือข่าย (Network Infrastructure Design) วัตถุประสงค์หลัก -การประยุกต์ใช้ทฤษฎีสู่ภาคปฏิบัติ (Practical Application): เพื่อนำความรู้ด้านเครือข่ายคอมพิวเตอร์มาประยุกต์ใช้ในการออกแบบและกำหนดค่าอุปกรณ์ (Configuration) ให้สามารถทำงานร่วมกันได้อย่างมีประสิทธิภาพ และเชื่อมต่อกับระบบอินเทอร์เน็ตได้จริง -ทักษะการปฏิบัติงานกับอุปกรณ์จริง: เพื่อสร้างความเชี่ยวชาญในการติดตั้งและจัดการอุปกรณ์เครือข่ายทางกายภาพ เสริมสร้างทักษะที่จำเป็นในสายงานระบบเครือข่าย -การทำงานร่วมกันอย่างเป็นระบบ: เพื่อฝึกฝนกระบวนการทำงานเป็นทีม การวางแผนอย่างมีขั้นตอน และการแก้ไขปัญหาเฉพาะหน้าร่วมกันอย่างเป็นระบบ