I’m Yousra, a clinical pharmacist from Sudan. I have been working in hospital industry for 7 years with my most recent experience being a clinical pharmacist at Dar As-Salama Hospital. I immigrated to Australia and as I’m starting a new chapter of my life and being motivated by a desire for progress and a curiosity for learning, I decided to pursue a new career in web development.
The Beginning: A Daunting Dream Ten months ago, I couldn’t have imagined calling myself a full-stack developer. I had only a basic understanding of HTML and CSS, and the idea of building a complete web application seemed as distant as the stars. But ...
Introduction: MongoDB has become a popular choice for developers due to its schema-less nature and powerful querying capabilities. However, interacting directly with MongoDB from Node.js can sometimes be difficult to handle, especially when dealing w...
A regex, which is short for regular expression, is a sequence of characters that defines a specific search pattern. When included in code or search algorithms, regular expressions can be used to find certain patterns of characters within a string, or...
💛 What is Express.js? Express.js, or simply Express, is a back end web application framework for building RESTful APIs with Node.js, released as free and open-source software under the MIT License. It is designed for building web applications and AP...
Introduction: JavaScript provides a powerful and convenient way to store data on the client side through the use of web storage APIs. Local storage, a key component of web storage, allows developers to store key-value pairs persistently within the us...
A "for" loop in JavaScript is a control flow statement that allows developers to repeatedly execute a block of code as long as a specified condition remains true. It simplifies the process of iterating over sequences, such as arrays or other iterable...
JavaScript, as one of the most popular and versatile programming languages for web development, offers a wide range of features and tools to create dynamic and interactive web applications. Among these features, the this keyword plays a crucial role ...
What is React Router DOM? React Router DOM is a vital JavaScript library for handling client-side routing in React applications. It is a part of the broader React Router library and provides a powerful and flexible way to manage navigation within a R...
Introduction In JavaScript, a function is a block of reusable code designed to perform a specific task or set of tasks. Functions are a fundamental concept in the language and make JavaScript code more readable, organized, reusable, and maintainable....
Introduction In the journey of life, our mindset can be the driving force behind our success or the barrier that holds us back. In this article, I will share how I benefited from adopting a growth mindset. As I started my web development learning jou...
🔥What is Short-Circuiting? Short-circuiting is a concept related to how JavaScript evaluates logical expressions involving the && (logical AND) and || (logical OR) operators. These operators are used to combine conditions and make decisions based on...
Next.js is known for its developer-friendly features and excellent performance out of the box. With the release of Next.js 13, it has become even more powerful, offering new tools for customizing your application's loading and 404 pages. In this arti...
Arrays are a fundamental data structure in JavaScript, and they come equipped with a powerful set of methods that allow to manipulate and work with array data efficiently. In this article, we'll explore some of the most commonly used JavaScript array...
🔷What is TypeScript? TypeScript is an open-source programming language developed by Microsoft. It is a strict syntactical superset of JavaScript, which means that any valid JavaScript code is also valid TypeScript code. 🔷Why TypeScript? JavaScript ...
🌻What is DaisyUI? DaisyUI is a collection of pre-designed UI components and utility classes that work with Tailwind CSS. It's like an extra layer on top of Tailwind that makes it easier to create consistent and visually appealing UIs without having ...
In this article, we will explore how to authenticate users using Google and NextAuth.js in the latest version of Next.js (version 13). We will start by setting up a new Next.js project and configuring our environment variables. Next, we will integrat...
Authentication, the process of verifying user identities, forms the cornerstone of secure web applications. Yet, implementing authentication can be complex and time-consuming. That's where NextAuth.js comes in. NextAuth.js is a complete open-source a...
What is the useState Hook? useState is a React Hook that allows us to add a state to a functional component, it takes an initial state value as an argument and returns an array containing the current state value and a function to update that state. H...
What is GraphQL: GraphQL is a popular query language that provides a flexible and efficient way to read and mutate data from APIs (Application Programming Interfaces). It allows clients to request exactly the data they need, and nothing more, by enab...
Link Component: Link is one of the built-in components in the next.js framework. It performs client-side navigation between pages in a next.js application. It's generally preferred over using the native anchor <a> element for routing in next.js app. ...
