DEV Community: Jared Odulio

Writing automated tests with Python

Jared Odulio — Sun, 12 May 2024 13:58:43 +0000

Python is a versatile language, it's easy to write automated test with it whether the function to test is written in Java Spring Boot or Javascript in NodeJS. Watch the video here

[![Watch the video]]https://youtu.be/oRbJJb_25g4?si=f-ubQqHCAJU7GiPz

Beef Noodle, a project template for developing HTTPS REST API endpoints in NodeJS

Jared Odulio — Tue, 13 Jun 2023 02:40:27 +0000

I created a repository in Github called Beef Noodle. It's a boilerplate project template for building HTTP REST API endpoints in NodeJS.

https://github.com/jared201/beef-noodle

[Watch] Loom 2 YouTube Video Transfer

Jared Odulio — Fri, 26 May 2023 08:33:41 +0000

No frameworks were used in the client side just vanilla Javascript, CSS and HTML and some few research on YouTube Data API V3 and Loom video transcoding. Repo in Github is still private, will open soon.

[WATCH] Loom 2 YouTube Chrome Extension

Jared Odulio — Tue, 16 May 2023 07:11:53 +0000

I'm currently building a Loom 2 YouTube upload extension for people who share their demos and explanations via Loom video and upload it to YouTube as well.

Loom 2 YouTube

[Watch] Angus Design System in action

Jared Odulio — Sat, 11 Feb 2023 00:46:06 +0000

Angus Design System is a web component library built on top of Vue2.x and IBM's Carbon Design System. It's a purpose-built design system for building healthcare applications.

Clarity eClaims Demo

[WATCH] A Smart Home Concept created with skills you already know

Jared Odulio — Thu, 09 Feb 2023 01:48:21 +0000

The great thing about design systems is the limitless possibilities on where and how it can be applied with skills developer already know or skills that are quick and easy to learn.

Smart Home Concept

Fix Vue hot code deploy issue with Safari

Jared Odulio — Fri, 03 Feb 2023 05:58:52 +0000

If you're working on Vue and testing your code using Vue CLI's hot code deploy
npm run serve
There's a random issue wherein UI is not refreshing after saving the code, it's not an issue in Chrome but it happens consistently in Safari.

To solve this, you need to update your vue.config.js file in your project directory by adding this snippet:

module.exports = {
    chainWebpack: config => {
        if (process.env.NODE_ENV === 'development') {
            config
                .output
                .filename('[name].[hash].js')
                .chunkFilename('[name].[hash].js')
                .end()
        }
    }
}

I found this fix in one of the github repos that I have easily forgotten the link.

I created a design system and it's called Beef Design System

Jared Odulio — Tue, 31 Jan 2023 01:07:34 +0000

Web development or software development in general is always washed with buzzwords, one that is not so new but starting to trend is "design systems". Basically, a design system is a collection or a library of reusable and customizable web components and widgets to make application development faster, easier and fun to repeat. If you're already using Bootstrap or Materialize UI, that is already an example of a design system. But large companies are also in to this design system bandwagon, IBM has Carbon Design System, General Electric has Edison Design System, Salesforce has Lightning Design System. The reason why a lot of design system proliferates is consistency another is uniqueness or identity (No vendor will sell products that looks like Bootstrap all through out).

I created a design system called The Beef Design System which is based on Vue and Bulma. The top reason I created a design system is most frontend tasks are easily repeatable and doesn't need to be started from scratch, whenever I need to start a new project I just have to clone the repository and customize or copy the built-in components to fit the new project's requirements and specifications. Therefore, my development workflow now works like a meat shop; pull out the beef, weigh it in, wrap it up nicely. One of the real world usage for Beef Design Template can be seen here AlabangSX which is a stock market recommendation application.

If you want to try and play around the system, just clone from Github Beef Design System, assuming NodeJS, VueCLI are installed

git clone https://github.com/jared201/beef.git

cd ~/beef

npm install

npm run serve

Have fun and don't forget to star and follow! :)