Jeff J. M. Anciado
Full-Stack Web Developer
I make websites, webapps, and other cool stuff, specializing in full-stack development with modern technologies and AI integrations.
Hello there! I'm Jeff Justine M. Anciado. Always known as the "tech" guy in and outside the house, I've always loved fixing and figuring things out. I started programming during my university years and have never stopped learning since, constantly exploring new technologies and frameworks.
Outside of programming and computers, you'll find me in the kitchen - cooking, baking, throwing random stuff together, and miraculously, my family seems to like it, or so they say.
Below are some of my notable projects I have developed over the years, minus the ones I signed with a non-disclosure agreement.
My final capstone project, a web app which utilizes authentic, realtime conversations using WebRTC and AI to improve verbal fluency. Think of Omegle or Monkey.app but for language learning. It prompts users to incorporate specific words in conversations for points, offering AI-driven feedback and various engaging modes like Freestyle, Topic, Roleplay, and Debate. Try it with a friend :)


Watch Demo
Go to Website- ReactSCSSTypescriptViteNodeJSOpenAI APISocket.IOWebRTCRechartsHuggingFaceJSPythonPostgreSQL
A portfolio website for an interior designer which showcases her projects and services. Strapi CMS is integrated to allow the client to update the website's content.


Watch Demo
Go to Website- ReactNextJSTailwindCSSStrapiTypescript
A fan website and music portfolio for the Filipino artist Ez Mil. It includes everything you need to know about him, from his biography to his discography. It also has a music player which allows users to listen to his songs while browsing the website.


Watch Demo
Go to Website- ReactViteSCSSJavascript
A web app for PLM's students and faculty which automates student reblocking, enables single-click plotting of faculty schedules considering various constraints, generates personalized study plans for irregular students, and efficiently balances faculty workloads. I was chosen to take on this project by the IT chairperson, and this project probably was the greatest challenge in my programming career, particularly due to unexpected additional feature requests from our clients - the professors in the IT department - arriving very close to the deadline. This web app is now currently being used and maintained by the university. For privacy reasons, the demo is presented without any actual data.


Watch Demo
- ReactViteSCSSNodeJSJavascriptPostgreSQL
A Chrome extension which allows users to grab the details and thumbnail of a Youtube video and copy it to their clipboard. Our group chat for some reason doesn't allow thumbnails to be sent so I made this extension to make it easier for us to share videos.

Watch Demo
Go to Extension- ReactViteCSSJavascript
An e-commerce website for my dad's furniture business. It's using Strapi CMS for the backend and Paymongo API for the payment gateway. I also used Socket.IO to allow real-time status updates on the admin dashboard and the user's Orders page when a new order is placed. It is not deployed yet because the business is just starting and my dad's still working on the products.


Watch Demo
- ReactViteSCSSStrapiPaymongo APISocket.IO
A data visualizer for the inventory and sales of a local Petron branch to help them make better decisions and see trends in their sales. It's fully dynamic and allows the user to filter the data by days, weeks, months, and years. The demo shows dummy data for privacy reasons.

Watch Demo
- ReactViteCSSNodeJSSocket.IOApexChartsPostgreSQL
An Python script which allows users to automate grabbing of details and thumbnails of a Youtube video and send it automatically to a Facebook group chat. This is Version 1 of the Youtube Details Grabber Chrome extension.

Watch Demo
- PythonSelenium
A Python script that enables users to automate clicks at specific screen positions. I created this for my brother, a guitarist, to assist him in learning challenging sections of songs from YouTube videos. With this script, he can map specific parts of the timestamp slider to his keyboard keys, allowing him to quickly change and repeat the sections he wishes to learn with a click of a button. Although this was made for a specific use case, it can be used for other purposes as well.

Watch Demo
- PythonPyGUI
Portfolio UI heavily inspired by britannychiang.com