Surasit Khokkruad
Senior Frontend Developer
Passionate about creating exceptional user experiences with React.js, TypeScript, and modern web technologies. Leading teams to deliver innovative solutions that drive business growth. Beyond coding, I'm a tech enthusiast, photographer, and precision sports lover who believes in continuous learning and work-life balance.
Professional Experience
A journey of growth and leadership in frontend development, from internship to senior roles
Senior Web Developer
Topgun Co., Ltd.
Software Developer Internship
SCM Technology Co., Ltd.
Senior Web Developer
Topgun Co., Ltd.
Senior/Lead Frontend Team Leader specializing in React (Next.js), React Native, and SEO optimization.
Key Achievements
- Led complete website redesign for JOBTOPGUN job seekers platform
- Maintained all existing features while modernizing UI/UX
- Comprehensive SEO improvements using Next.js latest features
- Developed TOPGUN ACADEMY HR learning platform
- Migrated SUPER RESUME from JSP to React.js (Next.js)
- Provided technical guidance to senior frontend developers
- Contributed to iOS & Android mobile applications development
Technologies Used
Technical Skills & Expertise
Comprehensive frontend development skills with a focus on modern technologies and leadership
Frontend Development
Expertise in frontend development with focus on modern best practices and scalable solutions.
React.js
Extensive experience with modern React patterns, hooks, and best practices
TypeScript
Strong typing skills for scalable and maintainable codebases
Next.js
Full-stack React framework with SSR, SSG, and App Router expertise
HTML/CSS
Semantic HTML and modern CSS with responsive design principles
React Native
Cross-platform mobile development for iOS and Android
Continuous Learning & Growth
Learning/Upskilling
Backend development with Java, Spring Boot, Golang, and database technologies like Supabase and MongoDB.
Future Goals
Cloud architecture with Kubernetes, DevOps tools like Terraform, and full-stack development with Nest.js.
Innovation Focus
AI-assisted development, cost-effective solutions, and staying updated with global technology trends.
Featured Projects
A showcase of personal and professional projects demonstrating technical expertise and innovation
SCM Technology Website Migration
Migrated legacy JSP website to modern React.js with Tailwind CSS, enhancing visual appeal and user experience
JOBTOPGUN Website Redesign
Complete website redesign for job seekers platform with modern UI/UX and SEO improvements
JOBTOPGUN Mobile Applications
Cross-platform mobile applications for job seekers with modern UI/UX and native features
TOPGUN ACADEMY
Educational platform for job seekers with courses, certifications, and career development tools
SUPER RESUME Redesign
Migration from JSP to React.js with enhanced UX/UI design and AI features integration
MMV Calculator
GameFi calculator for Bitkub's browser game with crop yield calculations and profit analysis
Lottery Management System
Comprehensive lottery ticket management for vendors with number selection and result checking
Swimming Pool Business Website
Professional website for pool design and maintenance services in Khao Yai
Home Server Infrastructure
Cloud architecture learning platform with container management and monitoring services
IoT Attendance System
Fingerprint-based employee attendance tracking with real-time dashboard and notifications
Automated Lottery Results System
Web scraping automation system with automated notifications using n8n and Supabase
PEDRAM Artist Landing Page
Portfolio and contact page for Norwegian rapper with modern design and animations
SCM Technology Website Migration
Professional
Migrated legacy JSP website to modern React.js with Tailwind CSS, enhancing visual appeal and user experience
Key Highlights
- Legacy system migration
- Modern UI/UX implementation
- Enhanced visual design
- Early React.js experience
Technologies
Ready to See My Analysis of GM Tour & Travel?
I've conducted a comprehensive analysis of the company's digital presence, technology stack, and development opportunities. See how my expertise can help transform their online platform.
View GM AnalysisWant to See My Team Management Approach?
Discover how I lead frontend teams using agile practices, clear communication, and strong mentoring. See my complete management playbook with interactive examples.
View Management PlaybookFuture Projects & Vision
A planned personal project focused on hands-on learning through trial and error, designed to gain practical experience with cutting-edge technologies that can be applied to future company projects
Pool Villa Vacation Rental Platform
Travel & Hospitality
Vacation rental finder focused on homes with swimming pools for family and group travelers, targeting a niche market with specialized filters and features
Learning Goals
- Advanced booking system architecture
- Real-time availability management
- Payment integration best practices
- Map and location services
- Multi-tenant application design
- SEO optimization for travel industry
- Mobile-first responsive design
Planned Technologies
Key Features
- Niche market focus on pool villas
- Family-oriented design and filters
- Advanced swimming pool filter system
- Group travel optimization
- Real-time availability tracking
- Multi-language support
- Booking management system
- Property owner dashboard
- Guest review system
- Mobile-responsive design
Trial & Error Learning Approach
This project represents my commitment to hands-on learning through trial and error. By taking calculated risks and experimenting with cutting-edge technologies, I aim to gain deep practical experience that can be directly applied to improve future company projects. This self-driven approach demonstrates my willingness to invest in personal growth while building valuable skills for professional advancement.
Activities & Hobbies
Beyond coding, I enjoy a diverse range of activities that keep me inspired, balanced, and continuously learning
Continuous Learning
Read or watch numerous blogs/videos about programming and new technology, especially AI
Tech Enthusiast
Interested in tech gadgets including smartphones, keyboards, VR headsets, computer parts, and more
Remote Work Advocate
Love working outside (work from anywhere) to relax in new environments and maintain passion for new challenges
Photography
Passionate about portrait photography and capturing everything around me
Content Creation
Enjoy traveling, creating vlogs, and capturing beautiful places with camera or drone for social media
Gaming
Play games with friends occasionally for relaxation and enjoyment
Precision Sports
Passionate about archery and shooting sports, love testing my precision and sharp shooting skills
Always Learning, Always Growing
These activities help me stay creative and bring fresh perspectives to my work
Leadership & Team Management
Proven track record of leading development teams, managing complex projects, and driving technical excellence
Team Leadership
Leading frontend development teams and mentoring developers
Project Management
Agile/Scrum methodologies and comprehensive project planning
Technical Architecture
System design and component architecture planning
Communication & Collaboration
Effective stakeholder communication and documentation
Team Leadership
Leading frontend development teams and mentoring developers
Key Responsibilities
- Led teams of 3-5 frontend developers
- Mentored junior and senior developers
- Conducted code reviews and technical guidance
- Facilitated knowledge sharing sessions
- Built collaborative team culture
Core Competencies
Key Leadership Achievements
Team Collaboration
Successfully led and mentored frontend development teams
Project Delivery
Managed multiple successful project deliveries with focus on quality and timelines
Innovation
Introduced modern development practices and tools to improve efficiency
Recognition
Received multiple commendations for technical leadership and mentorship
Leadership Philosophy
Empowerment
Empowering team members to take ownership and grow their skills
Results-Driven
Focusing on delivering high-quality results while maintaining team morale
Innovation
Encouraging creative problem-solving and continuous improvement
Let's Connect
Ready to discuss how I can contribute to your team's success? Let's start a conversation about your next project.
Get in Touch
Social & Professional
Ready to Work Together?
I'm excited to discuss how my expertise in React.js, TypeScript, and team leadership can help drive your projects forward. Let's create something amazing together.
Available for Opportunities
Open to discussing new roles and collaborations
© 2024 Surasit Khokkruad. All rights reserved.
Built with React.js, Next.js, TypeScript, and Tailwind CSS