DEV Community: katongole Isaac

Arrays and Linked Lists

katongole Isaac — Fri, 07 Mar 2025 18:32:29 +0000

Arrays

An array is a data structure that stores elements contiguously. This makes them a good fit for reading operations because they offer random access. Forexample It takes O(1) contanst time to get an element anywhere in the array since we know it's address. But when it comes to insertions, arrays tend to be slower, reason being adding new elements to an array means to also shift existing elements. Therefore this takes O(n) time to insert an element into an array.

Linked Lists

For linked lists, elements are not stored contiguously, elements are stored at different memory locations but they are chained in a way to form a linked list. Forexample first element store the address of the next element which in turn store the address of the next element and so on...

Linked lists are faster for insertion operations O(1), all you need to do is insert an element in memory and get the last element point to the address of the recent added element. For reading operations O(n), linked lists are slower since we only know the address of the first element,we need to go through every element reading the addresses they point to.

Comparison Arrays and Linked lists

	Array	Linked list
Insertion	`O(n)`	`O(1)`
Reading	`O(1)`	`O(n)`

Simple Markdown-Based Blogging Platform

katongole Isaac — Wed, 19 Feb 2025 13:41:47 +0000

Hey everyone! 👋

I’ve always wanted to make it easier for people to own a modern blog without needing to write a single line of code. So, I built this project that lets you publish blog posts just by writing in Markdown—it handles the rest! 🚀

✨ Features:

Write your posts in Markdown, and they’ll be published automatically.
No need for a database—just focus on writing!
Fast, lightweight, and easy to set up.
Includes a CLI tool to help with setup.

If you’re interested, check it out here: GitHub Repo 🔥

For demo video here

I’d love to hear your thoughts—feedback, feature suggestions, or just say hi! 😃

React Video Game Hub

katongole Isaac — Mon, 27 Nov 2023 10:36:36 +0000

Built a video game Hub
Demo Link : live demo
Source Code: github

Features

API integration
Sorting & Filtering
Searching
Image Optimization

Feel free to contact me if there is any fullstack developer role.

LinkedIn: Isaac

Good News

katongole Isaac — Mon, 06 Nov 2023 10:16:20 +0000

I'm am available on upwork to be hired.

Dear clients,
I'm a fullstack developer with expertise in reactjs and Nodejs for building SaaS apps as well as websites and apps.

If you're in search for such skills, please support me on upwork.

Link: katongole isaac on Upwork

Thank you for considering me for your freelancing work.

Isaac

Problems I face as a freelancer on Upwork

katongole Isaac — Fri, 16 Jun 2023 07:05:09 +0000

Hi guys, I hope you're doing well. I would like to share some of my experience and also some questions i still have as a freelancer.

I started freelancing at the beginning of this year as of 2023 both on upwork and fiverr. So far 6 months have elapsed but not good results yet on both sides.
One thing I've noticed is that its hard for new-comers like myself to get at-least one gig a week or even a month.

Guys, am i doing things the way they are supposed to be ?
I truly don't understand why am i failing to make it.

Nowadays its hard for me on upwork, you find a gig with over 50+ proposals sent but unfortunately the client instead invites totally different people to take up that gig, so in the end people who sent their proposals actually wasted all the connects.

Maybe I'm talking from one side, I would like to hear from the those ones who have made it through freelancing so that I also learn or follow their practices.

To be honest freelancing is also a problem on its own

I look forward to hearing from successful freelancers from anywhere around the world.

Best regards
Isaac Katongole
Frontend Developer

Nextjs Dashboard

katongole Isaac — Mon, 12 Jun 2023 16:36:12 +0000

Hello guys,
I developed a simple dashboard project using Nextjs and bootstrap.

Project Link: Live demo
source code: github

What I learnt

Nextjs Basics
- SSR, SSG and Client-side rendering.
- Routing i.e static and dyanmic routes.
- Adding static assets i.e css and image files.
- Project structuring
Integration and Consuming 3rd party RESTFUL APIs
Concepts suchas Client pagination, sorting , filtering
Implementing drag and drop features

Author
Isaac Katongole

I look forward to hearing from you.
Thanks

Best regards
Isaac | Frontend developer

My portfolio

katongole Isaac — Sat, 20 May 2023 17:03:41 +0000

Hey guys, I do have a sample portfolio site that i would like to share with you.
Currently, I am working on more projects so that can add them to that site.
Please feel free to take a visit.
Here is the link: katongole.isaac
I would like to recieve your feedback
Thanks.

React reusable components

katongole Isaac — Fri, 19 May 2023 17:22:34 +0000

When creating components, its better to fully optimize reactjs library for its use ( re-usability ).

Here are some key concepts to achieve resuability

Generalize your components

Create components that are loosely coupled from the concept you are trying to achieve. for example when creating a form, its better to create one input component that serves many purposes. i.e

const Input = ({  name, value , onChange, ...rest } ) => {
    return <input 
        name={name}
        onChange={ e => onChange(e)}
        value={value}
        {...rest}
    />
}

Raise events and don't pass handlers directly.

Its better for a component to determine how it deals its data given either via props or state. To maintain and achieve re-usability, its better to avoid passing down handlers but raise events.

With this line of code, onChange= {e => onChange(e)} the consumer of the Input Component can pass whatever kind of handler he/she wants therefore giving you more freedom on your code.

Learning Nodejs the right way.

katongole Isaac — Thu, 18 May 2023 17:42:32 +0000

Hey guys
I created a page on buymeacoffee, you can have a look at it here
Checkout my article about the common mistakes made when learning Nodejs
Link: Learning Nodejs the right way.
Thanks

Calculator

katongole Isaac — Wed, 04 Jan 2023 16:33:22 +0000

Hey guys, you can try my new calculator app. I built it using react.
you can find it here 👉🏽 calculator

The source code is available here 👉🏽 source code

I will be glad to hear from you guys. Nice time.

Validate the order of parenthese in an expression

katongole Isaac — Tue, 03 Jan 2023 13:21:04 +0000

I wrote this logic when i was developing a simple calculator. My aim was to validate the order of parenthese in an expression.

Please you can go through it and help me identify some bugs in it

Here is the implementation.

const brackets = ["(", ")"];

/**
 * validates the order of parenthese in a string
 * @param {*} type string 
 * @returns boolean otherwise `throws an error`
 */
const checkSyntax = (str) => {
  if (typeof str !== "string") return false;

  //check if both of the brackets dont exists
  if (str.indexOf(brackets[0]) === -1 && str.indexOf(brackets[1]) === -1)
    return true;

  // check if one of the brackets exists.
  if (
    (str.indexOf(brackets[0]) === -1 && str.indexOf(brackets[1]) !== -1) ||
    (str.indexOf(brackets[1]) === -1 && str.indexOf(brackets[0]) !== -1)
  )
    throw new Error(
      `Syntax error: ${str[str.length - 1]} at index ${[str.length - 1]}`
    );

  //check if ) is at index 0  or ( is a last index throw otherwise skip
  if (str[0] === brackets[1] || str[str.length - 1] === brackets[0])
    throw new Error(`Error ==> index ${[str.length - 1]}`);

  //Here we now check for validity
  let stack = [];

  for (let i = 0; i < str.length; i++) {

    if (str[i] === brackets[0]) {
      stack.push(str[i]);
      continue;
    }

    if (str[i] === brackets[1]) {

      //if we are trying to pop an empty stack []
      if (!stack.length) throw new Error(`Error : not in order ${i}`);

      stack.pop(str[i]);

      //if the stack is not empty and i is on the last iteration then throw otherwise skip
      if (stack.length !== 0 && i === str.length - 1)
        throw new Error(
          `Syntax Error : stack is not empty i.e stack length = [${stack.length}]`
        );

      continue;
    }
  }

  return true;
};

console.log(checkSyntax("((()))()()()")); //true

A simple JavaScript Challenge

katongole Isaac — Mon, 21 Nov 2022 13:01:09 +0000

Greetings gang, I did an assesment on a certain platform and i came across this simple question.

What would be its output?


let num1 = 4;

let num2 = 2;

num2 *= num1 + num2 / num2 * num1;

console.log(num2);