Today is Valentines Day! 😍 How nice would it be if you sent a Romantic Message every hour to your loved one? But even better... How awesome would it be to do it automatically using a NodeJS script? We are after all... programmers, right? 😏 In this…
A couple of days ago I created this Falling Snow Effect for day #031 in the #100Days100Projects Challenge and in this article I'm going to show you how easy it is to create such an effect using only vanilla JavaScript and a little bit of CSS. You can…
30 days ago I started the #100Days100Projects challenge and in this article I'm going over the last 15 projects that I've built. You can check out the article in which I explained the first 15 projects here. Note: You can also join the challenge if…
Two weeks ago I started the #100Days100Projects challenge and in this article I'm going to showcase all the projects that I've built since I started. 😄 Note: You can also join the challenge if you want as there are other variants too if you feel…
For the first project in the #100Days100Projects I thought about working with a public API in order to get some data that would be displayed in a webpage; an usual thing to do with an API. For that I chose to use TheMealDB's public API in order to…
Problem description Given a string, count the number of occurrences of all of its letters. Some cases: Before reading forward, make sure you first try to solve the problem yourself. When you're done you can come back and see how I'm going to solve…
A coding challenge from Codewars. Problem description Polycarpus works as a DJ in the best Berland nightclub, and he often uses dubstep music in his performance. Recently, he has decided to take a couple of old songs and make dubstep remixes from…
Often when you have a table with information you'd want to be able to sort the information in the table in ascending or descending order, especially when you are dealing with numbers. In this tutorial we're going to see how to do exactly that using…
In this article we are going to go over a coding challenge from Codewars. Problem description Return a new array consisting of elements which are multiple of their own index in input array (length > 1). Some cases: It's a simple problem, but we'll…
The theme for week #16 of the Weekly Coding Challenge is: Notifications The notification component is used in a web/mobile app when you want to notify the user that something happened based on his action - "successfully completed registration…
The theme for week #15 of the Weekly Coding Challenge is: Instant Search We live in a fast world and we want everything to be FAST, including search results, this is why instant search functionality became pretty much a "must have" feature instead of…
The theme for week #14 of the Weekly Coding Challenge is: Progress Bar A progress bar is used to show how far a user action is still in process until it's completed. A good example is a download progress bar which shows you how much of the file is…
In this article we are going to go over another problem from Codewars. Problem description Divisors of 42 are : 1, 2, 3, 6, 7, 14, 21, 42. These divisors squared are: 1, 4, 9, 36, 49, 196, 441, 1764. The sum of the squared divisors is 2500 which is…
The theme for week #13 of the Weekly Coding Challenge is: Accordion Hide and show content with just a click - this is what an accordion let us do. 😃 In this article we're going to build this Accordion: https://codepen.io/FlorinPop17/pen/PvvZmN/ The…
The theme for week #12 of the Weekly Coding Challenge is: Toggle A toggle (or a switch) is a component which allows you to change a state / a boolean value from true to false and vice-versa. It is basically a , but we are going to hide it and display…
Recently I had to create a Countdown for one of my other projects and I thought that it could also make a good tutorial, so in this post we're going to create this component using React and a little bit of . 😄 You can find the final result in this…
The theme for week #10 of the Weekly Coding Challenge is: Clock When it comes to clocks, there are a wide range of possibilities that we could approach. This challenge aims to get your creative juices flowing! Let's see what you can create! 😄 In…
The theme for week #9 of the Weekly Coding Challenge is: Modal We have another one of the main components that is found on most of the websites. A modal is used to attract the users attention to some special information that you want to highlight. It…
It's been a while since I did a JavaScript Coding Challenge so I thought that I should bring it back this Friday (let me know if you like these and I'll add a new one each Friday). 😄 I searched on Codewars and found a challenge to Create a Phone…
Two weeks ago I published an article containing 15 project ideas that you could build to level up your coding skills and people were very excited about that resource. Also, the app-ideas repository got almost 3000 stars since I published that article…
These days I've been working on a new page for my website. I wanted to have a Timeline to showcase some of my professional accomplishments over the years. I did it for a couple of reasons: My future self will look back one day and say: "Wow... I…
The theme for week #5 of the Weekly Coding Challenge is: Drawing Application This is the first application that we are building in the #weeklyCodingChallenge program. So far we have built smaller projects, so this is pretty exciting if you ask me…
Have you ever wanted to build something but you had no idea what to do? Just as authors sometimes have "writers block" it's also true for developers. Together with my friend Jim we created a collection of application ideas which is intended to solve…
I promised in the last article that we're going to have a look at how to solve the Regular Brackets problem with multiple types of brackets, and as I said last time we're going to use a data structure called: the STACK. 😄 In computer science, a…
The theme for week #3 of the Weekly Coding Challenge is: Navigation A navigation component is crucial on a website because you want your users be able to easily navigate through your pages. You can find a navigation component even on single page…
Today we're going to take a look at a very common challenge used in job interviews. This challenge is inspired by CodeSignal. Let's see what it says: A bracket sequence is called regular if it is possible to insert some numbers and signs into the…
New week! New Challenge! 😄 The theme for the second week of the Weekly Coding Challenge is: Create a Slider A slider is used mostly to showcase content like: images, projects in your portfolio or even testimonials from clients. It is useful because…
It's Friday, so it's time to get comfortable, weekend is coming 🙌, and for today we have a very easy JCC (JavaScript Coding Challenge)! Here is another easy, and beautiful 😇 challenge from HackerRank: Lily likes to play games with integers. She has…
Some of you might already know but for those who don't, I'm starting a weekly Coding Challenge with all of you! 😄 This is how I'm planning to make it work: Every Monday I'm going to post an article about how I'm solving a different Coding Challenge…
A couple of days ago I received and email from HackerRank. They invited me to solve one of their challenges so... That's what we're going to do now! You are in charge of the cake for your niece's birthday and have decided the cake will have one…
For today I was thinking that we could build an App using React, and because the people from the Chingu group I'm in are working to create a Book Finder App I decided to build something similar. I also wanted to avoid building the exact same app as I…
Today we're going to solve another Coding Challenge. This one is categorized as: "intermediate" Coding Challenge. Uuuuuh Personally I don't think that this is that much of an "intermediate" challenge, but... doesn't really matter, the important…
Some of you might not know the following thing about me: I LOVE CODING CHALLENGES and I've been "playing" around with them for a long time now... This helped me pass multiple Coding Interviews with ease for some really interesting Job Interviews (if…
It's been a while since I wrote something on this blog and I want to apologize for that... I should have put more time in it as people requested it. BUT... I'm back And I'm here to stay! Back to business! For today I prepared a simple, yet…
Ever wanted to have a nice click effect on your buttons? Today we're going to create one called: The Ripple Effect. See the demo below: demo HTML: A simple button will do... You could also add a class if you need, but it's not required if you want to…
In the previous post we built an animated hamburger button, but we didn't have something to show (like a menu) when the button was pressed. In this post we'll build a responsive navigation menu which will show/hide when the button is pressed. This is…
Today we're going to create, from scratch, the hamburger button. Big CSS frameworks like Bootstrap and Foundation use this into their own products. We are also going to add a little CSS animation to make it look more "fancy". :D Note: in this…
In this article we're going to create a simple progress bar which will act as an indicator on how much a user scrolled on the website. It can be very useful for a blog or any kind of website where you might have some extra text. This way the readers…