logo
John Carlo S. Misa
commenter

Lawrence Bautista recently commented on this

John Carlo S. Misa

Terior: AI‑Powered Room Redesign at Your Fingertips

Nextjs | Cloudflare | Gemini | Typescript | Neon DB | Drizzle ORM | Cloudinary43d
✨ Meet Terior — your AI interior design companion! ✨ Upload a photo of your room and let Terior: 🖼️ Describe the current space with smart AI insights 🎨 Redesign the interior into a fresh, modern look 🔄 Compare the before & after side‑by‑side ⬇️ Download both results instantly Built with ❤️ using: ⚡ Next.js + TypeScript for speed and reliability 🤖 Gemini AI model via Vercel’s AI SDK for intelligent descriptions 🌐 Cloudflare Diffusion for stunning visual transformations Terior is about helping anyone visualize possibilities for their space in a simple, accessible way. Make interior redesign approachable for everyone. 🌿
project-img

2

2 comments

No comments yet

John Carlo S. Misa

Skyte: Where Conversations Come Alive

React Vite | Express js | Socket.io | DaisyUI | Typescript | Token-based Auth49d
🚀 Just shipped a full‑stack chat app! Built with React + TypeScript on the frontend, Express on the backend, and Socket.IO as middleware for real‑time messaging. This project taught me the full journey, configuring APIs, integrating them seamlessly, and experimenting with daisyUI for a fresh Tailwind component experience. I’m excited to keep pushing boundaries in full‑stack development! 💻✨
project-img

2

0 comments

commenter

John Carlo Misa recently commented on this

John Carlo S. Misa

Inbox Manager Automation with N8N

n8n | gmail | gemini97d
Goodbye, Inbox Zero. Hello, Inbox Automated. 📥✨ I’ve been diving deep into the world of n8n lately, and I just finished building this AI-powered Inbox Manager. Using a custom Text Classifier powered by Google Gemini, this workflow automatically: ✅ Scans incoming emails. ✅ Identifies the context (Careers, Dev, Learning, etc.). ✅ Routes them to the correct labels. ✅ Cleans up the "MISC" clutter. It’s amazing how a bit of automation can reclaim hours of your week. Excited to keep exploring what else I can automate! #n8n #Automation #AI #Productivity #Gmail #GeminiAI #WorkflowDesign
project-img

2

1 comment

No comments yet

John Carlo S. Misa

ICT Competency Assessment Participant

TOPCIT 2025 | Test of Practical Competency in ICT | International Assessment | ICT Exam | Challenge | Learning and Challenge107d
Successfully participated in the TOPCIT 2025: A Day of Learning and Challenge examination on December 10, 2025, taking the international assessment designed to measure real-world ICT competencies in areas like software development, database management, IT business strategy, and analytical thinking.
project-img

3

0 comments

commenter

John Carlo Misa recently commented on this

John Carlo S. Misa

Transforming Expertise into E-commerce: Building a High-Authority PC Parts Store from Scratch in Shopify

Shopify | CSS | HTML | Liquid Theme | Product Listing | SEO | Listing Optimization | Custom Theme Design124d
Process Documentation: https://docs.google.com/document/d/1mp7UcE-Env6--1YjpAYHaal4VpVMAVU3y55s37Ets2w/edit?usp=sharing Video Presentation: https://streamable.com/qz17lq Live View: https://jcm-3148.myshopify.com/ This case study documents the end-to-end creation of a high-authority, niche e-commerce storefront specializing in PC components and peripherals. The project's core challenge was overcoming a lack of traditional VA client experience by strategically positioning the store to leverage the founder's background as a developer and avid PC enthusiast. By focusing on the "Expert Builder" market, the store was designed to convert technical knowledge into immediate customer confidence, differentiating the brand from larger, generic retailers. The technical implementation required executing several developer-level customizations within a modern Shopify 2.0 environment. This included navigating file structure changes (where the traditional theme.liquid was absent) to successfully inject an external Google Font (Jersey 10) via Liquid, establishing a unique and engaging retro aesthetic across all key headings. Furthermore, advanced CSS techniques were applied to create visually striking effects, such as a Glassmorphism background, enhancing the store's premium, technical feel. The strategic workflow was paramount to the project's success. This involved defining precise SKU, pricing, and variant matrices for complex products like CPUs, SSDs, and UPS systems, ensuring that local Philippine VAT and clear profit margins were integrated from the beginning. Finally, the homepage was architected following a high-conversion flow: moving visitors logically from high-level Collections to specific Product Listings, immediately addressing hesitation through a Trust Carousel, establishing Technical Authority via an embedded video guide, and culminating in a personal "Meet the Founder" section to build strong, personal trust. The result is a fully optimized, high-trust store prototype ready for immediate inventory launch.
project-img

3

3 comments

Latest Work Experience

Front-End Developer – Philadelphia Truck Parts

Front-End Developer – Philadelphia Truck Parts

August 11, 2025Present

🟢 Architected a responsive admin system from scratch using React Vite, TypeScript, and Tailwind/shadcn, reducing load times by 30% compared to legacy standards. 🟢 Translated Figma mockups into pixel-perfect UI, ensuring 100% design fidelity and seamless cross-device experience. 🟢 Integrated Mapbox for advanced geospatial visualization, cutting manual tracking time by 40% and improving operational efficiency. 🟢 Implemented robust state management with Zustand and form handling with React Hook Form, reducing user input errors by 25%. 🟢 Collaborated on scalable architecture design, lowering future maintenance overhead by 20%. 🟢 Maintained zero critical bugs at launch through disciplined GitHub workflows (PR reviews, branch management).

school-img
cover-imgcover-img

Laguna State Polytechnic Univesity

Bachelor of Science in Information Technology

Major in Web and Mobile Application Development

June 2025 - June 2026

Proof in Paper

certificate-Certificate of Completion – Model Context Protocol: Advanced Topics

Certificate of Completion – Model Context Protocol: Advanced Topics

Loading date...
certificate-Certificate of Completion – Introduction to Subagents

Certificate of Completion – Introduction to Subagents

Loading date...
certificate-Certificate of Completion – Introduction to Model Context Protocol

Certificate of Completion – Introduction to Model Context Protocol

Loading date...

View All Certificates

About MeAccessibilityNeed Help?
Privacy & TermsCookie ChoicesCollaborate
Download ResumeGet My DetailsMore
logoJCM Portfolio © 2026
Pixel art pumpkin computer with bat wings