STG-01LIVE
KRAFTSTORIES
E-COMMERCE
End-to-end Shopify storefront across 4 US locations.
ShopifyFigma → UISEOWeb Ops
★ PLAYER ONE HAS ENTERED ★
KYELL
DIMATATAC
Roles: full-stack developer, Shopify and Wix developer, SEO and web operations, code craftsman.
From Figma to live Shopify stores and Wix platforms — I build, maintain, and optimize web experiences for creative businesses, while growing into full-stack product engineering.
CHAPTER 1 : ABOUT ME
▶ BACKGROUNDFull-stack developer with hands-on experience delivering complete web solutions for real clients. Computer Engineering graduate from Batangas State University — I handle everything from design handoff to launch, specializing in Shopify, Wix, SEO, and ongoing site operations.
▶ MISSIONI build web experiences that creative businesses can depend on — from translating Figma designs into live Shopify stores, to maintaining and growing Wix platforms with SEO and content strategy. My next goal: expand into full-stack product engineering with React, Django, and PostgreSQL at scale.
✓ QUEST COMPLETE2025–NOW
FULL STACK WEB DEVELOPER
⚔ Freelance
Delivered 3 live client websites: Kraftstories full Shopify build (Figma → UI, content & ops), Kraft Universe Wix maintenance + SEO + redesign, and Craft for Team design overhaul + full SEO audit across SF (SoMa & FiDi) and San Jose.
✓ QUEST COMPLETE2024
AI AND SECURITY INTERN
🛡 Rakso CT
Azure OpenAI presentations, security awareness campaigns, CRM development.
🎓 ACHIEVEMENT UNLOCKED2021–25
B.S. COMPUTER ENGINEERING
📍 Batangas State University
Software engineering, networks, and embedded systems foundations.
— SKILL INVENTORY —
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▶ EQUIPPED SKILLS [23/23]
CORE
JavaScript
JavaScript
[CORE]
Web sorcery
ES6+ equipped
ES6+ equipped
CORE
React
React
[CORE]
Frontend mastery
SPA wizardry
SPA wizardry
CORE
TypeScript
TypeScript
[CORE]
Typed JS
Safe & scalable
Safe & scalable
CORE
HTML
HTML
[CORE]
Markup master
Semantic web
Semantic web
CORE
CSS
CSS
[CORE]
Style sorcerer
Layout wizard
Layout wizard
CORE
Tailwind CSS
Tailwind CSS
[CORE]
Utility CSS
Rapid styling
Rapid styling
CORE
Shopify
Shopify
[CORE]
E-commerce craft
Store mastery
Store mastery
WORK
Next.js
Next.js
[WORKING]
React framework
SSR + routing
SSR + routing
WORK
Node.js
Node.js
[WORKING]
Server runtime
Backend power
Backend power
WORK
Python
Python
[WORKING]
Versatile lang
ML + backend
ML + backend
WORK
Laravel
Laravel
[WORKING]
PHP fortress
REST mastery
REST mastery
WORK
REST APIs
REST APIs
[WORKING]
API architect
Full-stack glue
Full-stack glue
PAGE 1/2
CHAPTER 3 : PROJECTS
CLIENT WORK— Shipped & maintained for real businesses —
SIDE PROJECTS— Experiments, thesis & learning —
STG-04LIVE
MILEPOST
FULL-STACK
HOS trip planner — mapped routes with stops plus FMCSA daily log sheets.
ReactDjango + DRFLeafletTailwind
STG-05UNDER CONSTRUCTION
TASKFLOW
FULL-STACK
Full-stack Kanban task manager with real-time collaboration.
ReactLaravelPostgreSQLTailwind
STG-06COMPLETE
BAGANET
THESIS
Privacy-preserving lung disease classification via federated learning.
PythonTensorFlow.jsFlaskReact
STG-07IN PROGRESS
WORKOUT TRACKER
FITNESS APP
Customizable Push/Pull/Legs workout progress tracker.
ReactTypeScriptTailwindREST API
CHAPTER 4 : LET'S CONNECT
LOC
LOCATION
Laguna, Philippines