logo
John Carlo S. Misa

No comments yet

John Carlo S. Misa

ResuMe

Nextjs | Neon | Drizzle ORM | PDFJS | EmbedPDF | Tailwind | Clerk | Typescript1d
Job hunting is already hard enough. so i built something to make it a little less painful. 😅 Meet "ResuMe", an AI-powered resume builder I've been quietly cooking up. The idea was simple: what if one app could handle everything from "does my resume even make sense?" to "okay but will I survive this interview?" So that's what I built: 🔍 AI Resume Analytics — upload once, get a full breakdown of your resume's content. strengths, gaps, all of it. 🛠️ Resume Builder — create your resume inside the app with a clean, intuitive editor. ✨ Interactive Preview — not just a "here's how it looks" preview. you can actually interact with it. 💾 Download-ready — when it's good, take it with you. 🎤 Mock Interview Mode — practice with a voice AI that pulls questions directly from your resume + your inputs. it's weirdly good at keeping you on your toes. If you're job hunting, know someone who is, or just love seeing what people build — this one's for you.
project-img

1

0 comments

No comments yet

John Carlo S. Misa

Kognit AI

NextJS | Typescript | Neon DB | Drizzle ORM | Googl API | Gemini Embedding Model | Vector Embedding | RAG | Vapi | Clerk Auth | Tailwind25d
Kognit is a next-generation task management platform designed to bridge the gap between static todo lists and intelligent productivity. By integrating Retrieval-Augmented Generation (RAG), Kognit doesn't just store your tasks—it remembers their context, priorities, and subtle details, allowing you to interact with your schedule through natural language chat and real-time voice calls. Built with a tactile Claymorphism UI, Kognit offers a "soft-touch" digital experience that reduces the friction of organization. Whether you are typing a quick update or having a voice conversation about your graduation prep, Kognit acts as a supportive, witty peer that keeps you on track without the rigidity of traditional software.
project-img

0

0 comments

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 | Cloudinary95d
✨ 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 Auth102d
🚀 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 | gemini149d
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

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