https://www.facebook.com/1171121709407948/

Code Kai, Digos (2026)

28/08/2026

𝗙𝘂𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗝𝗼𝘂𝗿𝗻𝗲𝘆 𝟮𝟬𝟭: MERN Learning Stack overhaul

World I: Codehaven
World II: Stackforge

Learning is fun, but combining it with gaming is even better! When I found myself stuck on certain lessons, I decided to use AI to turn them into game mechanics.

Playing through a gaming routine is so much more interactive than simply reading documentation, taking quizzes, or debugging code.

Codehaven covers foundational concepts like HTML, CSS, and JavaScript, while Stackforge focuses on honing job-ready skills for the real world of web development.

Coding agent used: Codex

23/08/2026

𝗙𝘂𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗝𝗼𝘂𝗿𝗻𝗲𝘆 𝟮𝟬𝟭: Copia as a progressive web application

Since learning React Native is still a long way off, where there's a package, there's a way!

Check out these mobile view snippets. This isn't your ordinary personal ledger.

Packed with rich features, it takes your financial journey to another level! Connect with your people and let them peek at where your money is going! 🤑

Btw, this is already deployed, but I still have no plans to make it public.

Tech Stack:
Frontend: Vite + React + Tailwindcss
Backend: Supabase
Deployment: Vercel (easy CI/CD)

23/08/2026

𝗙𝘂𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗝𝗼𝘂𝗿𝗻𝗲𝘆 𝟮𝟬𝟮: Copia - Personal Ledger Platform

WELCOME TO COPIA!

Here’s a look at Copia, a personal ledger platform I’m building to make personal wealth clear, modern, and accessible across every device.

To be honest, I was initially hesitant and never really wanted to try AI-assisted development. But actually putting it to use completely changed my perspective—what used to take a month’s worth of work turns out to take just a week. It really feels like the only limit now is your imagination and critical thinking.

On the feature side, I've been refining the secure sign-in system where signing in on a new device requires an `` and PIN, while remembered devices transition into a faster PIN-only flow. I also added a special savings goal feature where your progress visualizes as a growing tree over time—a little feature I built specifically for my lover hehe! 🌱

A feature rich platform, deployed already.

Tech Stack:
Frontend: Vite + React + Tailwind CSS
Backend: Supabase
Coding Agent: Codex
Deployment: Vercel

13/08/2026

🖥️ 𝗙𝘂𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗝𝗼𝘂𝗿𝗻𝗲𝘆 𝟭𝟬𝟭: Vibe Coding - Cursor Platform 🚀

So I've decided to postpone formal React learning for now, as I've been using Cursor to vibe code a server controller + client station for a gaming cafe I'm planning to build in the future. The setup will be diskless, and since I couldn't build the app in Java or C #, I decided to stick with a language and ecosystem I'm already familiar with: JavaScript.

Right now, I'm working through bugs related to locking specific Windows shortcut keys. While third-party software exists for this, handling it directly within this platform is much cleaner—that way, the locked keys can automatically unlock as soon as a user logs in.

🛠️ Tech Stack:

Frontend: Vite + React + Tailwind CSS 🎨
Backend: Node.js + Express (running locally) ⚙️
Database: SQLite 🗄️

28/07/2026

𝗙𝘂𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗝𝗼𝘂𝗿𝗻𝗲𝘆 𝟭𝟬𝟭: MERN Stack Learning Platform 🚀

Recently, I completed the base version of this web application and converted it into an executable using 𝗘𝗹𝗲𝗰𝘁𝗿𝗼𝗻. However, as I went through some of the curricula, I noticed that a few built-in code editors and playgrounds had bugs.

With these latest revisions, I’ve cleaned up those issues and added a standalone 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁 curriculum covering topics from beginner to advanced. 🛠️

To sum it up, I've addressed the most notable bugs, introduced the standalone 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁 curriculum because it's one of the most preferred skills in the market, revised the lesson phasing to make the foundations more cohesive, and completed a 𝗳𝘂𝗹𝗹 𝗯𝗮𝗰𝗸𝗲𝗻𝗱 𝗿𝗲𝘃𝗶𝘀𝗶𝗼𝗻 more focused on the 𝗠𝗘𝗥𝗡 𝘀𝘁𝗮𝗰𝗸. I also added a beginner section under the 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 curriculum.

It now covers the necessary steps leading up to 𝗥𝗲𝗮𝗰𝘁.𝗷𝘀, while the 𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸 section serves as the guide for the rest.

⚠️ 𝗗𝗶𝘀𝗰𝗹𝗮𝗶𝗺𝗲𝗿: I am not a professional educator, nor am I an expert in programming (yet). This is just a compilation of lessons scattered across the internet—from documentation, discussions, and forums. Learn at your own risk! (No certifications provided). Bugs are still present, so bear with me—I'm a one-man team. This is a 𝗖𝗦𝗥-𝗳𝗼𝗰𝘂𝘀𝗲𝗱 application. 💻

Link: https://bit.ly/MERN101

25/07/2026

𝗥𝗮𝗻𝗱𝗼𝗺 𝟮𝟬𝟭: 𝗥𝗘𝗖𝗘𝗡𝗧 𝗨𝗣𝗚𝗥𝗔𝗗𝗘 ⚡

I made the initial investment and bought a new laptop that renders faster than my previous one, and its battery life is one of the best. 🚀 Sacrificed gaming—hello, enterprise models! 💼

⚙️ Quick Specs:
Brand & Series: Dell Vostro
Model: 3520
CPU: Core i7-1255U (10 cores, 12 threads), up to 4.70 GHz ⚡
Storage: Crucial CT2000P3SSD (2TB) (best upgrade) 🔥
RAM: 32GB 3200MHz DDR4 SODIMM (2x16) (best upgrade) 🔥
SCREEN: 15.6 inches, FHD 120Hz 🔥
Graphics: Intel Iris Xe Graphics (96 ex*****on units) ⚡
Mouse: Rapoo M160 Silent Black (cheap but super comfy) 💸

🚫 No more MEMORY_MANAGEMENT errors!
🚫 No more random Chrome STATUS_ACCESS_VIOLATION!

Would I say it's worth it? 100% yes—kasi I bought it at a super cheap price and it's almost brand new condition! 🎉

📸 Photo credit: LaptopMedia (used for reference only)

25/07/2026

𝗙𝘂𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗝𝗼𝘂𝗿𝗻𝗲𝘆 𝟭𝟬𝟭: VIBE CODING 🚀

Road to MERN endgame!

A learning module platform I created through AI—because why not? Let's take advantage of what AI can do for us: teach us something we can actually use.

Features: Built-in coding editor and debug challenges, quizzes and exams, real-world web applications that are used around the world, and a floating Pomodoro timer (one of the best features!) with a loud ring notification for study or break segments. There are a lot more features in this platform, but I won't go through them one by one—you get the idea already.

This is a standalone application—no backend, no APIs, no database. Your localStorage is the STORAGE_KEY. Built using the React ecosystem, so one wrong localStorage.clear() and p**f, all hard work is gone, so be careful!

That's it for this month. Let's learn React together!

𝗗𝗶𝘀𝗰𝗹𝗮𝗶𝗺𝗲𝗿: I am not a professional educator, nor am I an expert in programming (yet). This is just a compilation of lessons scattered throughout the internet—from documentation, discussions, and forums. Learn at your own risk! (No certifications provided).

Link: https://drive.google.com/file/d/1hpwJ0JfXDAvvffFsLVbA0HLSVwL5b165/view?usp=drive_link

25/07/2026

𝗙𝘂𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗝𝗼𝘂𝗿𝗻𝗲𝘆 𝟭𝟬𝟭: VIBE CODING 🚀

Vibe-coded a full-stack web development curriculum because I was tired of just watching courses—so I had AI make one for me to learn from 💻. It has three modes of explanation: beginner, intermediate, and senior. Instead of jumping through different tabs in one browser, I made it all in one place—this will serve as a foundation for using various frameworks under the React ecosystem. It saves to localStorage, so a single localStorage.clear() command erases everything—be careful! ⚠️

The platform covers foundational HTML, CSS, and the Tailwind framework, which is used for styling and layout due to its flexibility and freestyle approach. It includes supplemental knowledge for JavaScript core fundamentals, advanced array methods and production techniques, plus an introduction to the backend, RESTful APIs, and more. It also briefly covers Git and version control, concise development and DevOps topics, capstone projects covering everything learned from beginner to advanced levels, and a brief discussion on career readiness.

Disclaimer: I do not teach programming and this is all open-source knowledge compiled with the use of AI, even though it covers concepts from start to finish, this learning platform only acts as supplemental knowledge and won't give you the whole library. It serves as a foundation to learn and engage with programming. It has some UI bugs due to wrapping constraints, especially on native apps, but nevertheless, you'll get the idea :D.

Features: Built-in Pomodoro timer with short and long breaks ⏱️. Light and dark mode 🌙. It has 5 real-world examples that are used today (Fintech, Dashboards, Payroll, E-commerce, Appointments). It also has phase exams, quizzes, debugging challenges, and built-in code playgrounds which some of it handles multi-file IDE (app.jsx, component.jsx) along with its error highlighting, prettier, and auto complete syntax and snippets features for easier user experience. It is also a Laravel inspired styling.

P.S. Originally built for the MERN stack: MongoDB, Express, React, Node.js.

28/06/2026

𝗙𝘂𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗝𝗼𝘂𝗿𝗻𝗲𝘆 𝟭𝟬𝟭: VIBE CODING

💻 𝗗𝗮𝗶𝗹𝘆 𝗠𝗼𝗻𝗶𝘁𝗼𝗿𝗶𝗻𝗴 𝗮𝗻𝗱 𝗧𝗿𝗮𝗰𝗸𝗶𝗻𝗴 𝗦𝘆𝘀𝘁𝗲𝗺 | Fil Oil Logistics Corporation

Vibe-coded the hell out of this! It's fun, and AI teaches you a lot of things you don't know yet, from Excel imports to copying to clipboards with specific inputs. It taught me how to use Electron for .exe packaging and a firewall bypass (nakalimutan pass ng admin account sa issued laptop kaya di ma-allow) for node.exe! Lingaw man diay mag-vibe code; bantog ra addicting kaayo! Ubos lahat ng free tokens pirmi, oy! 🤣

This runs on localhost:3000 since it's an internal monitoring app. I learned how to use dualwrite for localDB.json and MongoDB, synchronizing localDB to MongoDB so data from two devices is shared and stays synchronized.

I added a WebSocket feature to actually mimic a real-time listener, so there's no need to refresh the page; it silently refreshes and reconnects whenever the window is inactive.

PS - Wa pa ko nahuman sa akong React learning kay nag-lingaw-lingaw ko aning vibe coding.

Frontend: Vanilla, Vite + Tailwind
Backend: Node.js + Express

20/06/2026

𝗙𝘂𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗝𝗼𝘂𝗿𝗻𝗲𝘆 𝟭𝟬𝟭

💻 𝗗𝗮𝗶𝗹𝘆 𝗠𝗼𝗻𝗶𝘁𝗼𝗿𝗶𝗻𝗴 𝗮𝗻𝗱 𝗧𝗿𝗮𝗰𝗸𝗶𝗻𝗴 𝗦𝘆𝘀𝘁𝗲𝗺 | Fil Oil Logistics Corporation

So I'm now working in a related branch of my degree, and I saw that our office uses Excel files for monitoring, and it kept crashing when deleting or changing things. And I'm creating a better, more modern, and more efficient monitoring system.

This project will be in my portfolio, and this system will live on until I'm ma move nasad ug lahing branch. Lezgoo!

Hoping to finish this in a month or two, until it's ready for a demo.

PS - Wa pako nahuman sakong React learning, so Vanilla lang sa, hahaha! Project sneak peek!

Frontend: Vanilla, Vite + Tailwind
Backend: Node.js + Express

Code Kai

28/08/2026

23/08/2026

23/08/2026

13/08/2026

28/07/2026

25/07/2026

25/07/2026

25/07/2026

28/06/2026

20/06/2026

Address

Website

Alerts

Shortcuts

Share

Category

Listing takedown request