I'm
Frontend DeveloperHello! My Name is Vipat Choknantawong. You can call me Takopiii.
Triamudomsuksanomklao School
2016 - 2022Math - Science - Computer
Success
King Mongkut's Institute of Technology Ladkrabang
2022 - NowSchool of Information Technology Bachelor's Degree
In Progress
Technology Stack
Technologies and tools I work with to bring ideas to life.
All My Projects
Showcasing my work and the technologies I've mastered through real-world projects.
Eye Yoga
A system that detects and evaluates posture correctness through a webcam using Human Pose Estimation techniques (MediaPipe, MoveNet, TensorFlow). Users can select a pose they want to practice, and the system will display a reference pose and assess their performance in real time, providing accuracy scores and progress tracking for continuous improvement.
✦Real-time pose detection using MediaPipe and TensorFlow
✦Accuracy scoring and performance evaluation
✦Multiple pose selection and practice modes
✦Progress tracking and improvement analytics
Next.jsTailwind CSSFastAPIPython
Ticker Bever
A ticket booking and management system built with Django, featuring a modern and responsive UI powered by Tailwind CSS. The platform integrates Google API for authentication and chatbot functionality, provides analytical dashboards using Chart.js, and supports secure payment processing with PromptPay via Python library.
✦User authentication and chatbot integration using Google API
✦Modern and responsive interface with Tailwind CSS
✦Interactive dashboards and data visualization using Chart.js
✦Secure payment processing with PromptPay (Python library)
✦Built with Django for scalable backend support
DjangoTailwind CSSGoogle APIChart.js
Safe Jai (Internship)
A multilingual website developed and designed with support for internationalization (i18n) to enable both Thai and English. Built with Next.js and next-i18next for translation management, the system ensures seamless language switching. Tailwind CSS and SCSS were used to create a responsive UI/UX that aligns with the organization's design system. Collaborated closely with design and backend teams to integrate APIs and ensure efficient system functionality.
✦Internationalization (i18n) support with Next.js and next-i18next
✦Multilingual support (Thai / English)
✦Responsive UI/UX design using Tailwind CSS and SCSS
✦Aligned with the organization's branding and design guidelines
✦Seamless API integration with backend team collaboration
✦Thorough testing for system efficiency and reliability
Next.jsTailwind CSSScssnext-i18next
Openhouse 2024
An interactive web application developed for IT Open House 2024 to engage high school students in hands-on activities. Built with Next.js and styled using Magic UI and ShadCN UI, the platform ensures a modern, responsive, and user-friendly design. Form validation is powered by Zod. APIs are documented with SwaggerHub, and Tello is used for communication. The project is deployed on Vercel for seamless accessibility.
✦Frontend built with Next.js and styled using Magic UI & ShadCN UI
✦Form validation and error handling with Zod
✦API documentation with SwaggerHub
✦Tello integration for communication
✦Deployed on Vercel for fast and reliable hosting
✦Designed as an interactive activity platform for high school students
Next.jsTailwind CSSShadcnZod
My Certificates
Professional certifications and achievements that validate my skills and knowledge.
Click to view full size
ChatGPT for Developers
BorntoDev Academy
Click to view full size
Fundamental Web Dev with HTML5 & CSS3
BorntoDev Academy
Click to view full size
Cybersecurity Essentials
Cisco Networking Academy
Click to view full size
NDG Linux Essentials
Cisco Networking Academy
Click to view full size
Huawei Tech Essentials
Huawei
Click to view full size
42 Bangkok Student
42 Bangkok
My Activities & Experiences
Activities and experiences I've participated in and learned from