CS65-RE73 :: TrueTint
ทรูทินท์
details
TrueTint is a web-based system that helps customers find the perfect foundation, blush, and lipstick shades based on their individual skin tone using a webcam. It provides real-time, personalized shade recommendations with a virtual try-on feature for an enhanced in-store experience. Additionally, TrueTint analyzes the user’s face shape to guide how to apply blush, contour, and highlighter correctly for balanced and flattering makeup results.
tools & techniques
Front-End
Framework: React
Programming Language: TypeScript
CSS Framework: Custom CSS Modules
Build Tool: Vite
Back-End
Programming Language: Python
Framework: Flask
Model Serving / Inference Framework: PyTorch
API Communication: gRPC, REST API
Containerization: Docker
Database
Database Management System: MongoDB
Database Tools: PyMongo
DevOps / CI/CD
CI/CD: GitHub Actions
Container Registry: Docker Image Repository
Frontend Deployment: Google Cloud Storage (Static Website Hosting)
Backend Deployment: Google Compute Engine (GCE)
Version Control: Git, GitHub
Cloud Services
Cloud Platform: Google Cloud Platform (GCP)
Storage Services: Google Cloud Storage (GCS Buckets)
Compute Services: Google Compute Engine (GCE)
Containerization Engine: Docker Engine
Networking: Google Cloud VPC, API Gateway
Architecture & Patterns
Architecture Pattern: Layered Architecture (Storage, Compute, CI/CD)
Design Patterns: Service Layer
Communication: REST API & gRPC
Deployment Strategy: Container-based (Dockerized Services)
Development Tools
IDE / Code Editor: Visual Studio Code
Version Control: Git & GitHub
Design Tools: Figma, Canva
author
MS.KHIN KAUNG SAN THU TUN
รหัสนักศึกษา 65130500253
khin.tun1@kmutt.ac.thMS.SOE THANDAR LWIN
รหัสนักศึกษา 65130500256
soethandar.lwin@kmutt.ac.thMS.SU MYAT YADANAR
รหัสนักศึกษา 65130500257
sumyat.yada@kmutt.ac.thadvisor
Chonlameth Arpnikanondt
