DEV Community: boopalan

july 30

boopalan — Thu, 30 Jul 2026 14:54:44 +0000

trying the FFI between the c and the python3

i am planning the do a very simple ffi for an simple c program

int add (int a, int b) {
   return a + b;
}

now let we compile this simple program for the linux

gcc -shared -o libadd.so add.c

using this.so file in python program


import ctypes
import os

if os.name == 'posix':  
    lib = ctypes.CDLL('./libadd.so')
else:  
    lib = ctypes.CDLL('./add.dll')

lib.add.argtypes = [ctypes.c_int, ctypes.c_int]  
lib.add.restype = ctypes.c_int              

result = lib.add(5, 7)
print(f"5 + 7 = {result}")

July 13 blog

boopalan — Sun, 19 Jul 2026 12:43:40 +0000

what is signals in Angular?

https://angular.dev/guide/signals

reading the documentation may like many, but i will not say
that but angular documentation changes my

perspective

we can use many values in signals from primitives to complex
data structures

angular signal is two types

we can use it only for reading the values this type
does not allows us to change the values
and another type is can we can do read and write

signals was either writable or read-only

how to use the signal in the angular

for using signal we have to import in the angular component

import { signal } from '@angular/core';

const count = signal(0);

using them in the javascript

count()

using them in the template

count()

we have two way to change the value signal they are

set() and update()

this two are function we are getting

form the signal

count.set(3);

count.update((value) => value + 1);

changing the values using the angular event binding

// in template
<button (click)="incrementCount()">+1</button>


// in typescript 
count = signal(0);

incrementCount() {
  this.count.update(val => val + 1);
}

we actually saw that signal has read only and writable

now how to convert the writable signal to read only signal

by using asReadonly() function can make a signal

to read only signal, this function actually takes a copy of the
signal and make it as read only values having signal

Computed signals

it is actually read only signal it actually derives its

value from other signals.

suppose if you like to deside the value type for the

signal we can do it by the WritableSignal

import { WritableSignal, signal, Signal } from '@angular/core';

const count: WritableSignal<number> = signal(0);

suppose if you want to use the type for read only signal
we can use the Signal type

const doubleCount: Signal = computed(() => count() * 2);


import { signal, computed } from '@angular/core';

const price = signal(10);

const doublePrice = computed(() => price() * 2);

we know that computed value is read only, and it actually derived

value form the other signal that means if we change the value of

the original signal does that affects the computed signal, yes

actually yes whenever if you change the signal it affects the

computed signal and so it is lazily evaluated.

Note it actually depends the signal value but it does not depends

value of the signal it actually expects the signal changes

effect signal

if you want to track an value and based on the value if you want

to do any action you can use the effect,

if you use any values inside the effect it will be automatically

becomes the dependencies, if you use any signal inside effect. if the

signal changes effect will automatically starts runs

effect(() => {
  console.log(`User set to ${currentUser()} and the counter is ${counter()}`);
});

it is an example form the angular

suppose if you are using the eventlistner, setInterval and setTimeout.

effect((onCleanup) => {
  const timer = setInterval(() => {
    console.log('Tick...');
  }, 1000);

  onCleanup(() => clearInterval(timer)); 
});

july 12 blog

boopalan — Sun, 19 Jul 2026 12:40:33 +0000

july 11 blog

boopalan — Sun, 19 Jul 2026 12:37:09 +0000

Meeting Minutes, July 2026 | ILUGC

Here is the quick recap of what happend in ILUGC Monthly meet, July 11, 2026. Intro Gopi welcomed the participants and gave small introduction about ILUGC Briefed participants about the mailing list Talk 0 Zaid started his talk explaining network fundamentals He explained the physical and hardware layer Discussed MAC, IPV4 and Subnetting He demonstrated concepts using cisco packet tracer

ilugc.in

i am went to chennai to attent the ilugc meet

july 10 blog

boopalan — Sun, 19 Jul 2026 12:35:15 +0000

Update 16 files (354b87ea) · Commits · Boopalan S / TamilEuphonic · GitLab

- /euphonic/stackwords.py - /euphonic/previous.py - /euphonic/utils.py - /euphonic/wordsbetween.py - /euphonic/singleletter.py - /euphonic/partical.py - /euphonic/specificword.py - /euphonic/common.py - /euphonic/__pycache__/previous.cpython-312.pyc - /euphonic/__pycache__/singleletter.cpython-312.pyc - /euphonic/__pycache__/stackwords.cpython-312.pyc - /euphonic/__pycache__/common.cpython-312.pyc - /euphonic/__pycache__/wordsbetween.cpython-312.pyc - /euphonic/__pycache__/specificword.cpython-312.pyc - /euphonic/__pycache__/utils.cpython-312.pyc...

gitlab.com

i am made a drastic changes in this repo

just look the angular docs, what are the things are for angular 17 to 22

https://angular.dev/overview

What is Angular?

Angular is a web framework that empowers
developers to build fast, reliable applications that users love.

it is from the angular docs

July 9 blog

boopalan — Sun, 19 Jul 2026 12:29:12 +0000

DOM
Document Object Model

Before diving into the DOM, we must know the parents, children, siblings tags in the HTML, and a good understanding in the CSS.

In windows document every thing, can can define it with the name root, origin.

Let see what was we are getting in if we try to log the document in javascript

console.log(document)

Is the document an object?
Yes, a document is an object and if we remove the body for the document object the browser window becomes empty.

How to get the body for the document, let we try to get the body from the document object

console.log(document.body)

What are the things we can able to get from the document object

Just like the body, the head is also the sibling to the body, right so we must get something.

console.log(document.head)

need to learn and write more on this topic

July 8 blog

boopalan — Sun, 19 Jul 2026 12:20:16 +0000

As the continuation of the previous libre office impress i am create an animated matrix multiplication there is lot more needed to do in this, but i am happy to share that what i am done today

It seems like we are again going to restructure Tamilrulepy, really it holds a special place in my heart.

So, I am thinking Instead of abandoning of this workflow I am just planning to keep this code alive revisit it in the future,

Some would think giving up a closer one is a bit emotional, but I am eagerly waiting for the new workflow.

My learnings in python

decorator

A simple and easier way to define an instant decorator in python is easy.

If you see in some places developers will use three functions for defining decorator

One interesting thing i get is we can call decorator while using them in the top of the functions

@decorator
@decorator()

Calling a decorator in these two different ways helps to achieve several things.

july 7 blog

boopalan — Thu, 09 Jul 2026 14:43:51 +0000

Grid and flex box

How to move all children tags to center in parent particular tags.

For that we have to first add the display : flex property to the parents

Now if we see all the elements inside the parent tag it will display side by side, Previously it will be vertical one by one.

Default values will be either block or online
Based on the elements perspective

block will for the elements to display
Horizontally one by one.

Online will help to display vertically.

Flex is designed to change the property based on the elements x axis and y axis, can we change and view the elements appearance to we have add the flex property

For better visualization we just add some more height and width for the parent element.

Suppose if we want to change or add some behaviour for the elements in horizontally we want to handle the justify-content property

Let us justify-content property with different values and see how they change.

Flex start

Flex End

Center

Just like horizontal, we will try some of the properties for vertically change, we can use the three values for the same as the align-item.

Flex start

Center

Flex End

Suppose if we use the three properties for this for the parent element it will always be how we described, even if we change the window size, it will remain the same.

What will happen if the window size is less than what we expect,

Let we see what was happening

Was it actually adjusting the width between each element inside the parent tag?

Suppose what will happen if we add more

need to work on more

july 6 blog

boopalan — Thu, 09 Jul 2026 14:24:35 +0000

i am create a ppt in libre office impress

I am forget to take a screenshot with VARUN

Myself I am, Varun meet in Tamilrulepy and just planned how to code most reliable way and most faster way,

Sathya Raj was deeply fascinated by the AI's coding capabilities. I was impressed by his prompt codes. It gives a way to think: is it possible to create a one workflow for getting rules through AI?

Suppose if you are using expo router tabs and if you are developing an app for two kinds of audiences. For example if you want to show a common ui for general users and different ui for the admin’s how can you do it?

I think this could cause a bit of trouble in achieving this one, but based on the database role it might be a simpler one, I need to work on this. If I complete this I will update here.

july 5 blog

boopalan — Sun, 05 Jul 2026 14:42:48 +0000

Great time in the KanchLUG weekly meetup

ideas about some of the projects in the TOSSconf hackathon

idea about where we want to choose the sqlite and postgresql

The de Broglie Hypothesis,Matter Waves and Electron Diffraction,The Double-Slit Experiment
it remembers my schools day and physic class, here he taught in the Physics but It remembers my chemistry classes, my classes books this all are covered my chemistry classes.

I was the maintainer and developer of the tamilstring

I am planning to do at least two releases per year for an year so i am planned a release for this month.

need more contributions

Boopalan S / TamilString · GitLab

GitLab.com

gitlab.com

tamilstring-011d48.gitlab.io

july 4 blog

boopalan — Sun, 05 Jul 2026 11:50:03 +0000

One of my long day dream to make an app, I am a village there most of them depends the Arali flowers, literally I am and my family deeply connect this with this one flowers not only as our village and many more villages

how to get can I help them I can not do there work but I can help them to track there benefits

why we I am planning to build an app to track their daily revenue

It does not do any business but it helps to track their daily reviews.

for login it is for village and to the village peoples so initially I am planned to use the OPT login, But later I realised that it is more expensive service

I tried so alternatives like firebase, Whatsapp OTP, Amazon SNS, Twilio but in any way send messages in the highly expansive method of authentication

for development purpose firebase provides 10 free SMS daily so it just look to use this offer but I get errors only

finally it seems like working but I need to enable the GCP with the firebase blase plane from the spark plan so I am looking to do this in this week

and I am explore the supabase not I am saying most of the reviews say’s that supabase it the one of the best alternative for the firebase, just I am tried and create some table next thing is insert data, inserting one by one is a harder way so I am looking for an way to do it in cli, I not sure but it seems like they provide a cli

I am tried supabase expo using the email and password , at the first time if we register it will directly redirect the users to the home page but only in the first time

I will soon update if if any improvements in the app

TamilRulePy
after long time we meet again and we planed for what we need to next, we were planned to meet in the week days for building the app in the app, we just planned to meet in the coming Tuesday,

Array Iterations

boopalan — Wed, 24 Jun 2026 03:50:21 +0000

if we want to use the means we literlly do to the iterations manually

const fruits = ['banana', 'mango', 'jack','graph'];

console.log(fruits)
[ 'banana', 'mango', 'jack', 'graph' ]


for(let i = 0; i < fruits.length; i++){
    console.log(fruits[i]);
}

banana
mango
jack
graph

it looks easy if suppose if you i a complex position like this


const fruits = ['banana', 'mango', 'jack','graph'];

function callBackFunction( parameter ){
    console.log(value)
}

function callingEachElement( callBackFunction ){

    for(let i = 0; i < fruits.length; i++){
        callBackFunction(fruits[i]);
    }

}

callingEachElement( callBackFunction )

here we using an external function and calling the callback function
instead you writing the whole thing in a loop , how it would be easy if we do
in a one line, yes javascript have many functions do it, on those forEach is one of the
function, let we see forEach

forEach does not return any thing


fruits.forEach( (e)=> console.log(e) );
banana
mango
jack
graph

similary javascript have several functions, let we see them one by one

forEach does return anything but map will do the same thing and return
you an modify array


const fruits = ['banana', 'mango', 'jack','graph'];

function callBackFunction( value ){
    return value.toUpperCase();
}

function callingEachElement( callBackFunction ){
    const returning = [];
    for(let i = 0; i < fruits.length; i++){
        returning.push( callBackFunction(fruits[i]) );
    }
    return returning
}

result = callingEachElement( callBackFunction )

console.log(result)
[ 'BANANA', 'MANGO', 'JACK', 'GRAPH' ]



const ret = fruits.map( (e) => e.toUpperCase() );
console.log(ret);
[ 'BANANA', 'MANGO', 'JACK', 'GRAPH' ]

flatMap function


const intgers = [1,2,3,4,5,6,7,8,9,10];

function callBackFunction( value ){
    return [value, value*value];
}

function findSquare( callBackFunction ){
    const returning = [];
    for(let i = 0; i < intgers.length; i++){
        returning.push( callBackFunction(intgers[i]) );
    }
    return returning.flat();
}

result = findSquare( callBackFunction )

console.log(result)
[
   1,  1,  2,  4,  3,   9,  4,
  16,  5, 25,  6, 36,   7, 49,
   8, 64,  9, 81, 10, 100
]



const ret = intgers.flatMap( (e) => [e, e*e] );
console.log(ret);

[
   1,  1,  2,  4,  3,   9,  4,
  16,  5, 25,  6, 36,   7, 49,
   8, 64,  9, 81, 10, 100
]

filter function


const intgers = [10,5,7,3,2,8,4,1,6,9];

function callBackFunction( value ){
    if (value <= 5){
        return value
    }
    else{
        return false
    }
}

function findSquare( callBackFunction ){
    const returning = [];
    for(let i = 0; i < intgers.length; i++){
        res = callBackFunction(intgers[i]);
        if (res != false){
            returning.push( res );
        }
    }
    return returning
}

result = findSquare( callBackFunction )

console.log(result)


const ret = intgers.filter( (value) => {
    if (value <= 5){
        return value
    }
} );
console.log(ret);

reduce function


const intgers = [10,5,7,3,2,8,4,1,6,9];

function callBackFunction( total, value ){
    console.log(total, value)
    return total + value
}

function findSum( callBackFunction ){
    let returning = 0;
    for(let i = 0; i < intgers.length; i++){
        res = callBackFunction(returning,intgers[i]);
        returning += res
    }
    return returning
}

result = findSum( callBackFunction )

console.log(result)


const ret = intgers.reduce( (total , values) => total);
console.log(ret);