In this article, I’ll guide you through an overview of what happens when you navigate to a website using your browser.

Whether you’re new to web development or have some experience, this post will help you gain a better understanding of how the web and its core technologies work.

CI/CD is a core practice in the modern software development ecosystem. It helps agile teams deliver high-quality software in short release cycles.

Let's explore what CI/CD is, and set up a CI/CD pipeline using Husky and GitHub Actions in a Next.js application.

Last week, I learnt about the possibility of a background image disappearing from the UI Windows High Contrast Mode.

I really didn't know much about scenarios in which users have expressed certain color preferences in their operating system settings and how this impacts styles and accessibility on a website.

So, I spent some hours exploring links related to the subject of contrast preferences and its impact on website accessibility and styles. This blog post is a summary of the highlights from this research.

During the last week my team successfully shipped the fully functional web app that we have been working on since February. As a wrap up I want to share some final thoughts on my experience being part of The Collab Lab.

I am working in a React and Tailwind app. Last week, I worked on implementing the styling of the UI for a view that included a list of items, each of which included a checkbox to change its status.

During the final weeks of the project, we are focusing on improve the user interface's look of our app. We collected some inspiration in a mood board and then started by creating some mockups for the different views in our app.

We are pretty close to the end of our Collab Lab project 🤯.

Since we started, I worked each week pairing with another developer on an issue assigned to us. Usually, it was a new feature to add, and it was great that the complexity was growing at a very nice pace, so it kept us really engaged with the project.

There are some React Hooks that I have been using for a while and others that are completely news for me, but I am still using this opportunity to review the most popular React hooks to gain a deeper understanding about it.

Those past weeks have been a bit busy on my side, so I am summarizing both in this new blog entry.

✨ Our shopping list app's functionality is now almost completed, and we are really close to starting work on the UI styling.

Last week, I contributed to the implementation of a feature that prevent users from submitting input values that already exist in the database.

The chosen approach was to create a function that compares two strings: one representing the user input value and the other being the name property value from the database document. Then, iterate over the data retrieved from the database each time the user attempt to add a new document, checking if the new data have the same value as any of the existing ones.

I have already finished week 4 in The Collab Lab. I am glad to see the project taking shape, with the issues becoming more complex. As a team, we have still managed to deliver the new features on time.

Date is a JavaScript built-in object that represents a specific moment in time.

It encapsulates an integral number that represents milliseconds since the midnight at the beginning of January 1, 1970, UTC.

Let's see how it works...

This is week number 3 for my Collab Lab project. Since week 1, I have been contributing by adding different features to our app. I've had the opportunity to pair with all the developers in the team on these issues.

I am currently working on a client-side application using React and Firebase, and I am taking the opportunity to delve deeper into React hooks and patterns.

Last week, while working on a new feature, I had the chance to learn about the usage of the useEffects hook. This led me to explore the useMemo hook, which is a great solution if you need to store information from previous renders, avoiding expensive calculations that could impact your app's performance.

I am working on a client-side application using React and Firebase. This week, I paired with another team member to add a new feature allowing users to submit a list name and create a new list in the database.

Second week participating in The Collab Lab.

We are building a smart shopping list application using React and Firebase. This week, I paired with another team member to add a new feature to allow users to submit a list name and create a new shopping list.

I have created a customized cover template for my blog posts, which includes a background image with the title and date of the post. This adds a personal touch to my website and also maintains a visual consistency. However, creating and uploading these images for each post can be time-consuming. So, I wanted a solution to generate these images dynamically.

This is a summary of my first week participating in The Collab Lab.

I decided to join because, while searching for a full-time role as a developer, I realized that working on my own projects was not providing me with a me a big part of what a developer job is about. I found myself missing the experience of collaborating with others to build something together and the opportunity to improve my communication and presentation skills.

As we reach the last week of 2023, it is a nice time to reflect on the significant achievements of the year. For me, 2023 was a year of first-time experiences and I'd like to take this opportunity to reflect on what I accomplished this year and the journey that got me to where I am today.

This book takes a useful hands-on approach to Test Driven Development (TDD), and I had a great time reading it. So, here are the main takeaways and highlights.

I had the opportunity to attend the Software Crafters Barcelona event last weekend. It was the 10th edition but for me, it was my first in-person tech event and I've collected some notes, learnings, and thoughts that I wanted to share about this experience.

I have been reviewing the SOLID principles and wanted to share some notes collecting the main concepts I've been learning.

During the last days of the past year, I was delighted to know that I would join the Wikimedia Foundation as one of the eight interns participating in the 2023 Software Engineering Internship Program. Now that the program ended, I wanted to share the highlights of what I have accomplished during these months.

The goal of this post is to share some details from the experience of implement a dialog with Vue and Codex Wikimedia Design System.

Published in allWomen Alumna

Anneli Seppola is an experienced software engineer. She shared with us this talk about the insights of being a woman in tech.