From pharmacy to Web development.

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.

From Beginner to Full-Stack Developer: My 10-Month Journey

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 ...

MongoDB Interactions with Mongoose in Node.js

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...

Regular Expression - Matching a URL

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...

💛 Getting Started with Express.js

💛 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...

localStorage property in JavaScript

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...

🤎 JavaScript For Loop

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...

The JavaScript "this" Keyword

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 ...

A Guide to React Router DOM v6

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...

JavaScript Functions

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....

Embracing a Growth Mindset

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...

Understanding Short-Circuiting in JavaScript

🔥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...

Loading and 404 Pages in Next.js 13

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...

JavaScript Array Methods

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...

The Power of TypeScript

🔷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 ...

Simplify UI Development with DaisyUI

🌻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 ...

Simplify Authentication in Next.js with NextAuth.js

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...

React useState Hook

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...

Querying GraphQL with Fetch API

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...

Next.js Link Component

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. ...

Work

  1. Company
    IDP Solutions
    Role
    Intern
    Date
  2. Company
    Dar As Salama Medical Hospital
    Role
    Clinical pharmacist
    Date
Download CV