DEV Community: Kabue Charles

Vibe Coding Challenge: The Art and The Skill

Kabue Charles — Sun, 04 Jan 2026 11:24:52 +0000

‎For months, I’ve been managing a 1TB/month pipeline of media assets using a custom python script. It worked, but it was fragile: no history, complex filters, and zero visibility into what was actually happening.
‎
‎During this past Christmas holiday, I decided to fix it using a "Vibe Coding" approach. The result is Blober, https://blober.io/
‎
What is Blober?

‎It’s a local-first workflow engine designed to turn "data graveyards" into organized archives. Instead of writing custom wrappers, you get:
‎

‎Metadata-Aware Pathing: Automatically organize files by creation date or custom tags.

‎2. Human-Readable Guardrails: Real-time progress monitoring and conflict detection.

‎3. Multi-Cloud Support: One interface for Azure, S3, Google Drive, and more.
‎
‎The "Vibe Coding" Lesson:

Generally, I have found the following to be true about AI-assisted solutions in all domains:

AI is good for:
- Drafting (kick starting a new project, templating, Generating a new document, etc)
- Proofreading (writing tests, debugging errors, etc)
- Manipulation (summarizing text, rephrasing a document, remixing the tone or theme of a text block, improving existing code, etc)
AI saves you money in the short run (you dont need a website designer), but compensates by wasting time (you spend all the time prompting and tuning a design)

Simply speaking, AI is best used as a multiplier of existing skills, not a replacement for them.
‎
‎Try it out: https://blober.io/

‎Read more about the full story and the technical breakdown here: https://toknow.ai/posts/vibe-coding-challenge/

Create Your Professional Resume Website with GitHub and Quarto

Kabue Charles — Sun, 15 Sep 2024 01:32:47 +0000

Why Use Quarto and GitHub Pages?

Before we dive into the how-to, let's understand why this combination is so powerful:

Dual Format: You get both an HTML website and a PDF version of your resume. This means you have a professional online presence and a traditional document to share when needed.
Easy Updates: Your resume is stored as a simple text file. Whenever you update it, both the website and PDF are automatically regenerated.
Free Hosting: GitHub Pages hosts your website for free, saving you money on web hosting.
Professional Domain: Your site will be at <your-github-username>.github.io, giving you a professional web presence without any cost.
Version Control: GitHub keeps track of all changes, so you can always go back to a previous version if needed.
Full Content Control: Unlike social media platforms or third-party resume builders, you have complete control over your content and how it's presented.
Trusted Platform: GitHub is widely used and trusted in the tech industry, adding credibility to your online presence.

What You'll Need

A computer with internet access
Your resume information
About 30 minutes of your time

That's it! You don't need any coding experience or special software.

Step-by-Step Guide

Step 1: Create a GitHub Account

If you don't already have one, you'll need to create a GitHub account:

Go to github.com
Click "Sign up" in the top right corner
Follow the prompts to create your account

Step 2: Use the Resume Template

We'll use a pre-made template to make this process easy:

Visit the ToKnow-ai/Quarto-Resume-Template
Click the green "Use this template" button
Choose "Create a new repository"
Name your repository <your-github-username>.github.io (replace "<your-github-username>" with your actual GitHub username)
Make sure it's set to "Public"
Click "Create repository from template"

Step 3: Edit Your Resume

Now, let's add your information:

In your new repository, find the file named RESUME.md
Click on the file, then click the pencil icon to edit
Replace the example information with your own details
When you're done, scroll down and click "Commit changes"

Step 4: Customize Your Site

You can customize your site's appearance and add extra information:

Edit the RESUME.json file to change your site's title, description, and other metadata
Modify the _quarto.yml file to change the site's theme or layout

Don't worry if you're not sure about these - the default settings look great too!

Step 5: Publish Your Site

GitHub will automatically build and publish your site:

Go to your repository's "Settings" tab
Click on "Pages" in the left sidebar
Under "Source", select "Deploy from a branch"
Choose "gh-pages" from the branch dropdown
Click "Save"

Your site will now be live at https://your-github-username.github.io!

If you don't edit your resume, here's how your resume website will look: Website: https://toknow.ai/quarto-resume-template/ , PDF: https://toknow.ai/quarto-resume-template/index.pdf

Step 6 (Optional): Using a Custom Domain

If you have your own domain name:

Add your domain to the custom-domain field in RESUME.json
Go to your domain registrar and set up a CNAME record pointing to your-github-username.github.io

For detailed and up-to-date instructions, check Configuring a custom domain for your GitHub Pages site on how you can customize the domain name of your GitHub Pages site.

Examples and Resources

Check out onesmus.com for an example of a site created with this template
You can view its GitHub repository to see how it's set up

For the Tech-Savvy: Under the Hood

If you're interested in the technical details, here's what's happening behind the scenes:

GitHub Actions: We use GitHub Actions to automatically build your resume. Every time you update your resume content, a GitHub Action is triggered to rebuild your site.
Quarto: Quarto is an open-source scientific and technical publishing system. It's typically used for creating dynamic content with Python, R, Julia, and Observable, but it's also excellent for creating static sites like your resume.

Quarto takes your Markdown content and converts it into both HTML and PDF formats.
It handles the layout, styling, and responsiveness of your site.
Quarto is highly customizable, allowing for complex layouts and interactivity if needed in the future.

Why Quarto is Great:
- It separates content from presentation, making it easy to focus on your resume content.
- It produces high-quality, professional-looking output.
- It's flexible enough to grow with your needs, from a simple resume to a full portfolio site.

To learn more about Quarto, check out the official Quarto documentation.

Conclusion

Congratulations! You now have a professional resume website that you can easily update and share. Remember, your site will be accessible at your-github-username.github.io unless you've set up a custom domain.

By leveraging GitHub and Quarto, you're getting a professional, easily-updatable resume website and PDF, all hosted for free. This solution combines the best of both worlds: a modern web presence and a traditional document format.

Whether you're a tech novice just looking for a simple solution, or a tech-savvy individual interested in the underlying processes, this template provides a robust, free, and trusted platform for showcasing your professional experience.

As your needs evolve, remember that Quarto can grow with you, allowing you to create more complex content like full websites, blogs, books, or even scientific papers - all using the same powerful publishing system.

Happy job hunting, and enjoy your new resume website!

If you run into any issues or want to learn more about customizing your site, ask your question in the comments section!

This content was initially posted at https://toknow.ai/posts/quarto-resume-template/

Have you ever solved a software thing so simple and impressive that you thought yourself a genius?

Kabue Charles — Tue, 03 Mar 2020 08:58:13 +0000

What is that thing that you were able to crack so impressively?

Connect/debug android with adb (Android Debug Bridge) commands in terminal easily, with one or many devices/emulators.

Kabue Charles — Sat, 08 Feb 2020 06:11:13 +0000

If you are developing/debugging an android app, sometimes you may want to run some commands from the terminal (using adb). If you have one device/emulator attached, then you are okay to run commands like adb install -r app.apk.

But when you do have several devices attached, that command will not work. You would have to specify the ID of the specific device you want to run a command on: adb {deviceid} install -r app.apk. Now, to get a list of attached devices, you simply run the command: adb devices

$ adb devices
List of devices attached
emulator-5556 device product:sdk_google_phone_x86_64 model:Android_SDK_built_for_x86_64 device:generic_x86_64
emulator-5554 device product:sdk_google_phone_x86 model:Android_SDK_built_for_x86 device:generic_x86
0a388e93      device usb:1-1 product:razor model:Nexus_7 device:flo

This is why I wrote below bash script:

This script allows you to connect/debug android with adb commands in terminal easily, with one or many devices/emulators.

bash <(curl -s https://gist.githubusercontent.com/McKabue/ac124f736085e9650fdbf63b1d9ca5ab/raw/ccfba9fad913baebc1f08cbcd7e525cc3827dd5a/debug-android-from-terminal.sh) install -r app.apk

This will prompt you to run the command on a specific device, or all of them.

TypeError: Assignment to read-only properties is not allowed in strict mode

Kabue Charles — Mon, 18 Nov 2019 14:46:40 +0000

By a show of hands, how many knew that HTMLElement.style is readonly?

Styles should not be set by assigning a string directly to the style property (as in element.style = "color: blue;"), since it is considered read-only, as the style attribute returns a CSSStyleDeclaration object which is also read-only.

Anyway, element.style = "color: blue;" will give you the following error in strict mode:

TypeError: Assignment to read-only properties is not allowed in strict mode

Error generating functions metadata because of Microsoft.AspNetCore.Mvc.Abstractions, Version=3.0.0.0

Kabue Charles — Sun, 27 Oct 2019 21:49:12 +0000

Oct 27 '19 Comments: 10 Answers: 1

After migrating to Azure Functions V3 cannot compile and run project anymore

Steps to reproduce

Create new HTTP Trigger function
Update project and include reference to Microsoft.AspNetCore.App <ItemGroup> <FrameworkReference Include="Microsoft.AspNetCore.App" /> </ItemGroup>
Compile project

Stack Trace

System.IO.FileNotFoundException: Could not load file or assembly 'Microsoft.AspNetCore.Mvc.Abstractions, Version=3.0.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60'. The system cannot…

Open Full Question

Cancellable Promises

Kabue Charles — Sat, 12 Oct 2019 16:41:34 +0000

I want to be able to cancel my promises, and am using something inspired by:

Jun 6 '19

const makeCancelable = promise => {
    let rejectFn;

    const wrappedPromise = new Promise((resolve, reject) => {
        rejectFn = reject;

        Promise.resolve(promise)
            .then(resolve)
            .catch(reject);
    });

    wrappedPromise.cancel = () => {
        rejectFn({ canceled: true });
    };

    return wrappedPromise;
};

Usage:

const cancelablePromise = makeCancelable(myPromise);
// ...
cancelablePromise.cancel();

Open Full Answer

The solution above works, but i would like to improve it and am not willing to use bluebirdjs or Observables (well, at least not currently...)

I would want to have that as a prototype of the Promise object, so i could call cancel on any native promise.

Anyone willing to offer the simplest implementation direction?

Does anyone know of a debugging browser extension/tool for non-developers ops team?

Kabue Charles — Thu, 05 Sep 2019 07:49:33 +0000

Is there a tool i can recommend to the operations team to help then debug a webapp, or more correctly, collect information so that they can send developers helpful information?

The tool needs to possible take screenshots, screen casts, and even collect network errors, memory consumption, and any other helpful information...

Is there?

Does automated testing reduce the technical debt in your team?

Kabue Charles — Wed, 04 Sep 2019 18:20:52 +0000

I have observed that automated have contributed to reducing the technical debt in my projects by allowing new or junior developers to get set up quickly; from debugging, developing new features, fixing bugs to publishing the code to production, with little or no effort.

Whats your experience?

Arrow functions don’t have the local variable arguments as do other functions.

Kabue Charles — Thu, 04 Jul 2019 23:47:43 +0000

Arrow functions don’t have the local variable arguments.

const arrowFunction = () => { return [...arguments]; }

arrowFunction(1, 2, 3) => ReferenceError: arguments is not defined

Normal functions have the local variable arguments.

const normalFunction = function () { return [...arguments]; }

normalFunction(1, 2, 3) => Array(3) [ 1, 2, 3 ]

You can still, however, get arguments in Arrow functions.

const arrowFunction = (...args) => { return args; }

arrowFunction(1, 2, 3) => Array(3) [ 1, 2, 3 ]

At what point do you know you have a bad application architecture?

Kabue Charles — Wed, 26 Jun 2019 15:15:50 +0000

From my personal experience, the moment you find yourself writing scrips to clean up data; like cleaning the database every so often, scripts to clean up images, et cetra, you have an architecture that is not scalable.

The second observable sign is when you find yourself adding database columns to hold computed values that are easy to evaluate at application runtime or boolean fields whose states/values depend on other values database values, or when you start accumulating database enums to handle state change.

An ASP.NET CORE Request - Response Logger Middleware

Kabue Charles — Fri, 16 Nov 2018 17:02:03 +0000