Full Stack Web Developer specializing in React, Next.js, ReactNative and Node.js.
Experienced in building production-ready systems with authentication, payment gateway integration, real-time communication, and scalable architecture.
🎓 Education
Technical Skills (Categorized by Platform)
System Architecture
- Mobile App (React Native) and Website share the same Backend API
- RESTful API architecture
- Backend handles business logic, authentication, and database operations
- Client → API Server → Database structure
🌐 Website
- Frameworks: Next.js, Vite + React
- Languages: TypeScript, JavaScript
- UX/UI: CSS, Bootstrap, Tailwind CSS, React Hook Form
- API Requests: Axios
- State Management: Zustand
- Built a multi-language web application (TH/EN) using i18n with React and Next.js
📱 Mobile
- Framework: React Native
- Languages: TypeScript, JavaScript
- UX/UI: CSS-in-JS (Styled-components)
- API Requests: Axios
- State Management: Zustand
- Built a multi-language web application (TH/EN) using i18n with React and Next.js
- Local Build: Generate .apk and .aab files for deployment to Android
⚙️ Back-End Engineering & API Services
- Node.js (MVC structure) Request → Routes → Middleware → Controllers → Services → Models → Database
- Security & Identity Management
- Authentication Flow: JWT (JSON Web Token) with cross-platform security strategies
- Web Security: Using HttpOnly Cookies and CSRF/XSRF Protection (Double Submit Cookie)
- Mobile Security: Secure encryption using SecureStore
- Multi-Channel Verification: OTP (One-Time Password) system via Phone and Email
- Sign-up, Password Reset, and high-security account modifications
- Database
- NoSQL (MongoDB)
- MySQL (managed via Prisma)
- Cloud Services
- Media Storage (Cloudinary)
- Payment Gateway
- Omise Integration : QR Promptpay
- Stripe Integration : Credit Card
- Webhook Handling: Developed robust Webhook listeners to manage real-time payment status updates (Success, Pending, Failed)
- Administrative & Public Management Systems
- User Management System (UMS)
- Content Management System (CMS)
- CRUD Operations (Create, Read, Update, Delete)
- Role & Permission Management
⚡ Performance & Optimization
- Improve API performance by using Redis for data caching.
- Load Testing API using k6.
- Basic SEO Implementation: Configured Dynamic Sitemap, Meta Tags, and Cloudflare Security Rules for search engine accessibility.
🧰 Tools
- Visual Studio, Postman, Android Studio, Git version control, Zustand , Redux DevTools, OGraph Previewer, Microsoft Visio,AI