Frontend engineerWeb & mobile products

RachidaEl Hady

I build production React, Vue, Nuxt, and mobile products—then shape the architecture, delivery rhythm, and team clarity that help them scale.

Illustrated character sitting with a laptop

Hands on the product. Eyes on the whole delivery.

I grew from owning frontend tickets to coordinating delivery, reviewing implementation, unblocking developers, and keeping product, design, and backend decisions connected.

3+

Delivery team coordinated

Coordinated two frontend developers and one intern while following features through release.

6+

Developers trained and onboarded

Trained developers and interns on project structure, implementation standards, and independent delivery.

Depth first. Range when the product needs it.

My strongest recent depth is Vue and Nuxt, backed by production React experience and cross-platform React Native work. The constant is scalable frontend architecture.

Frontend:

React.js, Next.js, Vue.js, Nuxt.js, React Native, Expo, TypeScript, JavaScript, Pinia, Vite, CSS/SCSS

Engineering:

Frontend Architecture, Reusable Components, REST API Integration, Responsive Design, SSR, SEO, Localization, Performance

Backend & data:

Node.js, Fastify, SQL

Delivery:

Code Reviews, Mentoring, Figma, Postman, Git, GitHub

Ideas I took all the way to working software.

TrackPal Web

A personal finance dashboard for tracking cash flow, forecasting balances, and turning daily spending into a clearer plan.

Web AppNuxtVueTypeScriptPinia

Production work, with ownership attached.

The through-line is hands-on frontend engineering: build the system, clarify the work, help the team ship it, and stay close enough to production to know what actually works.

Selected responsibilities and delivery07
  1. 01

    Owned frontend delivery planning, implementation, pull-request reviews, release coordination, and production follow-through across multiple client products.

  2. 02

    Coordinated API requirements and priorities directly with backend developers, designers, product owners, and client stakeholders.

  3. 03

    Strengthened the shared Nuxt starter and built new frontend foundations with reusable wrappers, scalable interface patterns, and repeatable delivery workflows.

  4. 04

    Refactored and extended established live SaaS products while supporting releases, integrations, and production issues.

  5. 05

    Delivered onboarding, verification, localization, dynamic forms, financial reporting, and role-based access across complex operational workflows.

  6. 06

    Built financial analysis and account-structure interfaces, and evaluated rendering strategies for large data-heavy tables.

  7. 07

    Delivered creator-facing web experiences with custom JavaScript, CMS architecture, experiments, forms, and workflow automation.

  • Nuxt 4
  • Vue 3
  • TypeScript
  • Pinia
  • React
  • Next.js
  • REST APIs
  • i18n
  • Webflow
  • WordPress
Selected responsibilities and delivery04
  1. 01

    Delivered complete pages and workflows for clients, invoices, receipts, and installment tracking.

  2. 02

    Built data-heavy interfaces with complex forms, validation, tables, and business calculations.

  3. 03

    Integrated REST APIs and debugged frontend and API behavior with Postman.

  4. 04

    Created reusable React components and complete business workflows using class-based and functional components.

  • React
  • JavaScript
  • REST APIs
  • Postman
  • Data tables

Get to know my work, one keystroke at a time.

A tiny typing sprint made from details across this portfolio. Follow the finger colors, chase your best, and give the keyboard something to glow about.

Time00:00.000Limit 05:00.000
Current0WPM
Easy avgNo runs yet
BestThis visit
Level
00:00.000

Press start to test your typing skills and set a score worth beating.

Locked Easy prompt

  • L pinky
  • L ring
  • L middle
  • L index
  • R index
  • R middle
  • R ring
  • R pinky
Physical keys light up as you typeBackspace worksEasy stats reset on refresh

The thinking behind the pixels.

01 / Structure

Clarity before complexity

A strong interface begins with an understandable system, not an impressive dependency list.

02 / Direction

Motion with a job

Animation should explain hierarchy, preserve context, or reward intent—not delay the user.

03 / Reliability

Built for real conditions

Responsive layouts, accessible controls, reliable states, and graceful fallbacks are core design work.

Good systems still need a pulse.

Vibe with me

Tiny soundtrack. Big mood.

Illustrated developer working at a desk

Tell me what you’re building.

A rough idea is enough. Send the context, the constraint, or the problem you want to solve.

Start with the essentials.