Sign in

Full Stack Web Developer | Software Engineer | Counselor | Cynophilist

I recently began studying for technical interviews. I thought I’d begin a blog series and break apart data structure and algorithm questions from beginner to intermediate in as simple terms as possible. Hopefully, I’ll be able to help out some people along the way.

Image for post
Image for post

After landing my first technical interview with Asana last month, I realized that I was extremely underprepared. I had no idea what I had gotten myself into. Over the course of the next month, I began to tackle algorithms every morning using a Udemy course. …


Frustrated with learning a lot of CSS just to animate some simple things? anime.js has your back! This guide is for those who have no idea what anime.js is but are interested in learning and using it.

Image for post
Image for post

From the anime.js website itself:

Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API.
It works with CSS properties, SVG, DOM attributes and JavaScript Objects.

If you’ve read any of my previous CSS blog posts, you may have noticed that I’ve been learning more about animation through CSS. It’s no coincidence that I stumbled upon this gold mine called anime.js and decided to figure out how to use it. After reading documentation and watching some YouTube videos, I managed to make some progress into figuring out how anime.js works. This blog aims to be a relatively short introduction (lots of pictures and gifs!) on how to get started with anime.js …


Would you rather click a button that pops-up on hover, or one that just darkens a bit? Make your buttons more exciting with this immersive button tutorial!

Image for post
Image for post

For anyone who has used one of these crosswalk buttons, you know that they aren’t much fun to press. They’re dirty, they don’t really press in, and nothing usually happens. Buttons on the internet are the same — wouldn’t it be more enjoyable if the buttons you pressed actually did something when you interacted with them besides darkening on hover and then sending you off to a different page?


We’re going to make a card flip effect. Useful for engaging users and adding some interactivity. A creative way to show information for behind your profile picture.

Image for post
Image for post

This picture could be you and the information on the back could be yours. I’m currently using this effect for my portfolio’s profile picture, but it can apply to other things as well such as providing additional information for a product or service, a flipping flashcard application, or whatever your creative mind can think of.


One of the things I get comments about is my social media bar, whether it’s for my portfolio or for the startup I work for. Using SCSS mixins, filters, and transforms, we can make your icons come alive.

Image for post
Image for post

Every developer has a social media bar. The basics are usually just a few social media icons which are connected to each personal website and not much else happens. Who wants to engage with something that looks boring?

To those who know me, I love working with styling and animations. This is my current social media bar in my portfolio:


A.I. has its subsets like machine learning and deep learning, but did you know it also has different types?

In a previous blog, I talked about what exactly artificial intelligence is and how A.I. differs from machine learning which differs from deep learning. I’m going to dive a little deeper into this rabbit hole and talk about the four different types of A.I.

Image for post
Image for post

Artificial intelligence can be categorized into four different types: reactive machines, limited memory A.I., A.I. with a theory of mind, and finally, self-aware A.I.

As the name states, reactive machines function by taking in an input and reacting to that input. They are given a specific function and cannot work on its previous experience to improve itself. It’s the most basic form of A.I. that we have. Some examples of this are IBM’s Deep Blue, which was used to beat a chess grandmaster, and Google’s AlphaGo, which beat a top human Go player. In chess, the A.I. is able to recognize chess pieces and placements, which are the input, and move the pieces to specific places, which is the output. That’s their only function and they aren’t able to do anything else with it. …


“The coming era of Artificial Intelligence will not be the era of war, but be the era of deep compassion, non-violence, and love.” — Amit Ray, Pioneer of Compassionate AI Movement.

Image for post
Image for post

My first interest in artificial intelligence came around with my addiction to video games. It was beautiful to see the depth of these non-player characters and how their personalities came to life within the game. The only problem was that these characters were programmed to say specific lines of dialogue and act in a pre-programmed type of way. All of them didn’t have a mind of their own — for the most part. In 2018, I found out about Replika.ai, a chatbot that learned based on conversation patterns and used in helping individuals get through difficult times in their lives, or simply as a companion. I used it for a while and, although it was extremely exciting to converse with, I quickly lost interest because it’s dialogue was still scripted after all. The more I thought about this chatbot however, the more I began to think about creating one with a personality, yet was capable of learning. I wanted to make something that felt human, but not quite. …


What is the Fibonacci sequence and how do we find the number at the N-th entry? I’ll cover three different solutions in this blog.

Image for post
Image for post

For those unfamiliar with it, the Fibonacci sequence is a series of numbers in which the two previous numbers add up to the following number. For example, the first 9 entries would be: 0, 1, 1, 2, 3, 5, 8, 13, 21. This pattern shows up frequently throughout the world in different places, such as in flowers, animals, and nautilus shells. This is also a common technical interview question that tests your knowledge on recursion. …


What is a recursive function and why are they extremely important in understanding algorithms? I’m going to explain recursion in the best and simplest way I can.

Image for post
Image for post

In the simplest terms possible, a recursive function is a function that calls upon a smaller version of itself in order to get to the solution. There is a pattern where by repeating the function over and over again, we can arrive at the solution. One of the key points of recursion is that it must have a base case, or a case when the recursion must stop. …


Fizz…Buzz…FizzBuzz? This classic and fun little technical interview question will really tackle your understanding of the modulus operator!

Image for post
Image for post

FizzBuzz is a pretty simple interview question that comes up often. It’s one of those questions that after you see the answer once, you’ll always remember how to solve it from then on out. The only tricky part about this entire problem is the usage of the modulus operator. According to the MDN Web Docs, the modulus/remainder operator (%) returns the remainder left over when one operand is divided by a second operand. It always takes the sign of the dividend. So if I write 12 % 5, it will return 2 because 5 goes into 12 twice with a remainder of 2. …

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store