Hello, World! This is Nada.

I am a JavaScript developer based in France (Nantes) 🇫🇷

I love working with Nuxt.js, Vue.js, Webflow and Figma 🎨

Ping me if you need help (or just wanna' chat) 🤖

I have worked with the following teams

I spend most of my time building front-end interfaces with Vue.js & Nuxt.js 🖖
Take a look at my work below:

L'Équipe, The #1 French Newspaper About Sports.L'Équipe
France Football, A Famous French Magazine about Football and the Ballon d'OrFrance Football
Le Journal Du Golf, The #1 French Newspaper About Golf.Journal du Golf
The Euro 2021 Football GuideL'Équipe Guide Euro 2021
The Euro 2000 - The Top Of The GameL'Équipe Explore Football
The gods of the 100mL'Équipe Explore 100M
Inside the head of an F1 driverL'Équipe Explore Formula 1
The fatal strides of the BoxbergerL'Équipe Explore Boxberger
Writers tell the opposite destinies of great sports duosL'Équipe Explore Héros Antihéros
Discover the 2021 F1 TeamL'Équipe - Formula 1 Guide
Quartus, A Real Estate Agency In FranceQUARTUS Résidentiel

I also share my knowledge about JavaScript, Vue, Nuxt and Accessibility. 💃
 You can read my articles on Telerik and Medium 📖

A comprehensive guide to JavaScript expressions and operators

Master these methods to improve your code!

9 New 2020 Browser Features You Probably Didn't Know

As 2020 draws to a close, let’s review nine of the best browser features you need to be using!

How to build a TWA Android app out of your Nuxt.js PWA

Did you know that you can package your progressive web app (PWA) in an Android app and publish it on the Google Play Store? Well, you can. This way, mobile users will be able to find it and download it, and everything will behave like in a native application.

My Favorite 15 Tailwind CSS Plugins and Resources

Tailwind CSS makes styling and designing responsive pages easy. Check out the top 15 Tailwind CSS plugins and resources you need to know about if you are planning to try it out (or if you're already using it).

Translating Design into Code: Why is it so Hard? And How Can You Optimize it?

How can you bridge the gap between development and design to create the best app possible? Follow this guide for some tips to optimize the way design and development teams can collaborate.

How to use CSS Scroll Snap

The idea of only needing CSS to customize your scroll instead of playing with JavaScript sounds great, doesn’t it? Today, I’m going to show you how CSS Scroll Snap helps you do just that.

7 VS Code Productivity Hacks & 17 Extensions that Will Change Your Life

These top tips and tricks will help you dramatically increase your productivity while coding in Visual Studio Code.

Everything You Should Know About Filters in Vue

In this post, we will go through everything you need to know about Vue.js filters, from how to use them in your Vue.js application to how to create your own filters.

Accessibility Case Studies

It's critical to implement accessibility the right way from the start. In these case studies, we can learn from how other companies have succeeded (or not) and how we can do it better ourselves.

Types of Disabilities and User Experience

For technology to lower barriers for people with disabilities, accessibility must be built into the user experience. To understand accessibility, we'll discuss different types of disabilities, and how they can affect the user experience.

All You Need to Know About Slots in Vue.js

Learn everything you need to know about using slots in Vue.js to create customizable, reusable components for your apps.

10 Time-Saving CSS Tips I Learned the Hard Way When Using Sass

These top 10 CSS best practices will help you save time and collaborate better with your team.

10 Tips to Increase your Productivity when Coding in Vue.js

Check out the top 10 tips that helped increase my productivity when developing apps with Vue.js. Share your own favorite tip in the comments.

Vue.js - How to Build Your First Package & Publish It on NPM

We'll learn how to make our own plugin for Vue.js, and distribute it on NPM for everyone to use.

How to fetch content from Prismic with using Nuxt.js

Using a headless CMS instead of creating your own is always a better option, this article explains how you can use Prismic in your Nuxt.js application.

My Favorite Vue.js & Nuxt.js packages for 2019

Our lives as developers would just not be the same without open-source packages. Here is a list of my favorite Vue.js and Nuxt.js packages. Enjoy and share!

I am also the co-author of the eBook: Accessibility for Web Developers. 👩‍🏫
It is time to make your interface accessible to everyone. 🎉

Download the eBook

To know more about me, you can also read my Intervue on MadeWithVue.js 😇

Read the Intervue

 Are you interested in working with me? 👩‍🏭
 It might be fun! Just hit the button below 😃