مرحباً، أنا أمين تابو 👋
خبير ReactJS | واجهات دقيقة التصميم (Pixel-Perfect) | من Figma إلى ReactJS
أبني واجهات ReactJS عالمية المستوى للشركات الناشئة والوكالات والمؤسسات — عن بُعد من فرنسا 🇫🇷
AT
تحميل سيرتي الذاتية

نبذة عني

مطور واجهات أمامية مقيم في فرنسا، يمتلك أكثر من 10 سنوات من الخبرة في لغة JavaScript/TypeScript.
متخصص في إنشاء واجهات متجاوبة ودقيقة التصميم باستخدام ReactJS، وتحويل تصاميم Figma إلى كود نظيف وسهل الصيانة.
أتعاون مع الشركات الناشئة والوكالات والمؤسسات لتطوير تطبيقات ويب سريعة وأنيقة.
دعنا نحوّل أفكارك إلى واجهات مميزة وعالية الأداء.

الخبرة المهنية

ش

شركة RTE - باريس، فرنسا

ديسمبر 2022 - حالياً
مستشار واجهة أمامية / قائد تقني
مستشار واجهة أمامية وقائد تقني يعمل مع فرق البيانات والتصميم في شركة RTE. مسؤول عن توجيه البنية التقنية وضمان جودة الكود وتوحيد التجربة البصرية عبر المشاريع الرقمية.
  • التعاون الوثيق مع فرق التصميم والبيانات لتطوير واجهات حديثة وعالية الأداء.
  • قيادة إنشاء مكتبة مكونات متكاملة وموثقة في Storybook مما عزز الاتساق البصري وسرّع إنتاجية الفرق.
  • إدخال TypeScript في قاعدة الكود لتحسين القابلية للصيانة والموثوقية وقابلية التوسع.
  • المساهمة في قرارات بنية الواجهة الأمامية وتطبيق أفضل الممارسات (CI/CD، الاختبارات، إمكانية الوصول).
  • تقديم الإرشاد التقني لمطوري الواجهة الأمامية ودعم تطوير مهاراتهم.
  • التعاون اليومي مع فرق الواجهة الخلفية وتجربة المستخدم لضمان تجربة سلسة ومتمحورة حول المستخدم.

المشاريع الرئيسية

RTE DREAM

منصة تفاعلية تحاكي سوق الكهرباء الفرنسي، مخصصة للتعليم والتحليل.

Push Nuke

لوحة تحكم تتابع في الوقت الفعلي حالة محطات الطاقة النووية في فرنسا.

CartoFlux

أداة عرض ثلاثية الأبعاد تُظهر شبكة الكهرباء الفرنسية وتدفقات الطاقة المباشرة.

Rakoto Interne

أداة داخلية لدعم اتخاذ القرار في دراسات ربط الشبكة الكهربائية، تشمل الخرائط والتقديرات والتقارير الآلية.

ReactJS
TypeScript
Storybook
TailwindCSS
Redux Toolkit
Figma
CI/CD
ش

شركة FONCIA - باريس، فرنسا

يناير 2022 - ديسمبر 2023
مطوّر واجهات أمامية أول
  • إدارة الإيجارات: إنشاء مهام التسويق، مغادرة المستأجر، إدخال تفويض جديد، إنهاء التفويض ونقل الوحدات.
  • إدارة الملكية المشتركة: إنشاء مهام الجمعيات العامة، الأشغال، إدخال المباني الجديدة، أو فقدان المباني.
  • المحاسبة: إعداد الفواتير، مراجعة الإيجارات، ومعالجة الدفعات الواردة والصادرة.
ReactJS
React Hooks
NodeJS
TypeScript
ش

شركة Renault - باريس، فرنسا

أكتوبر 2020 - يناير 2022
مطوّر واجهات أمامية أول
  • تطوير المنطق التجاري والخدمات لاستهلاك واجهات برمجة التطبيقات الخلفية.
  • تخصيص مكونات Angular Material ومواضيعها.
  • المشاركة في الطقوس الأجايلية: الاجتماع اليومي، الاستعراض، العرض، تخطيط السبرنت.
  • جعل الموقع متجاوبًا مع الشاشات الكبيرة، الحواسيب المحمولة، الأجهزة اللوحية والهواتف.
  • إعادة هيكلة كود LESS وTypeScript لتحسين تجاوب الواجهة.
  • كتابة اختبارات وحدات للمكونات والخدمات والفلاتر والتوجيهات.
  • تصدير البيانات بصيغ PDF وCSV.
  • تقديم الخبرة في Git، ومراجعة الكود باستخدام GitLab وأدوات التطوير.
  • المشاركة في ورش العمل والعروض والاطلاع التقني داخل الفريق.
Angular
Angular Material
GitLab
ngrx
DevTools
Redux-saga
Git
REST
ب

بنك BNP Paribas - باريس، فرنسا

نوفمبر 2019 - أكتوبر 2020
مطوّر واجهات أمامية أول
  • إعادة تصميم موقع ثابت يعتمد على HTML/CSS ونماذج PSD إلى منصة ReactJS مع خدمات REST.
  • تهيئة المشروع لاستخدام Webpack وHot Reloading وSource Map.
  • دمج التواصل مع واجهات REST وGraphQL الخلفية.
  • تنفيذ مفهوم 'العرض المتفائل' للحصول على واجهة سريعة وعمليات CRUD فورية.
  • التحقق من صحة البيانات.
  • تطبيق خاصية الترجمة الدولية (i18n).
  • إضافة الفرز حسب الأعمدة والبحث الفوري والصفحات المتعددة.
  • تصدير البيانات (CSV, XLS, PNG, JPEG) والرسوم البيانية.
  • تطوير محرر WYSIWYG.
  • كتابة اختبارات الوحدات.
  • النشر إلى الإنتاج ومراجعة الكود والوثائق التقنية.
ReactJS
GitLab
Material UI
Redux
DevTools
Redux-saga
Recharts
Git
PHP OOP
REST
GraphQL
Jest
Enzyme
ش

شركة RTE - باريس، فرنسا

أبريل 2018 - أكتوبر 2019
مهندس دراسات وتطوير أول
  • إنشاء المكونات الرسومية داخل برنامج OPFAB.
  • إدارة وتوحيد الحالة العامة للتطبيق.
  • تطوير خدمات وأدوات الأرشفة.
  • إنشاء ميزة الخط الزمني لمتابعة البطاقات في الوقت الحقيقي.
  • كتابة اختبارات وحدات لضمان تغطية بنسبة 86٪.
  • تطوير وصيانة جزء المصادقة وفق معايير الأمان.
  • مراجعة الكود وإدارة Git ومتابعة البناء ونشر صور Docker.
  • تقدير القصص أثناء كل سبرنت.
  • الترقية من Angular 7 إلى 8 ثم إلى 9.
  • إعداد الوثائق التقنية والوظيفية: https://opfab.github.io/
Angular 7/8/9
GitHub
Keycloak
Ngrx
Jasmine
Travis
Redis
Sonar
Linux
Scrum
م

مجموعة SEB - الرباط، المغرب

نوفمبر 2017 - مارس 2018
خبير تقني في الواجهة الأمامية
اقترح ونفّذ واجهة Ruby داخلية لإرسال واستقبال الأوامر للدراجات عبر شبكات LTE. طوّر نظامًا آليًا لتحديث البرامج الثابتة لأكثر من 100,000 دراجة حول العالم في الوقت الفعلي باستخدام React وRuby on Rails وPostgreSQL وAWS EC2 مما وفّر مئات الساعات من العمل.
  • تقديم الخبرة التقنية في مشاكل JavaScript وCSS.
  • تطوير وتقدير القصص أثناء الإصدارات.
  • إعادة تصميم مسارات الشراء لعلامات تجارية متعددة: Krups, Tefal, Rowenta, Calor, AllClad.
  • تطوير خدمات الأرشفة والواجهات.
  • تقديم الاستشارة لتطوير لوحة تحكم إدارية باستخدام Angular 7 وAngular Material وGraphQL.
  • ترحيل كود jQuery القديم.
Angular 7
Angular Material
JavaScript
Sass
jQuery
GraphQL
Gulp
Google DevTools
ش

شركة CHANEL - مراكش، المغرب

أكتوبر 2016 - سبتمبر 2017
مهندس برمجيات (قائد تقني)
  • تطوير موقع العميل الفرنسي شانيل: http://www.chanel.com/en_US/، الرائد العالمي في العطور والجمال.
  • المشاركة في السبرنتات، إصلاح الأخطاء، واقتراح الحلول وصيانة الموقع.
  • معالجة الطلبات من الفرق المختلفة: TMA وEvol وRollout.
  • مراجعة ومتابعة الكود في بيئات الاختبار والإنتاج.
  • معالجة التذاكر المتعلقة بالأنماط وJavaScript.
  • المشاركة في ترقية الموقع من الإصدار 2 إلى 3 حسب التصاميم الجديدة.
  • تدريب الزملاء الجدد على التقنيات المستخدمة.
  • قيادة ورش عمل حول أحدث تقنيات وأطر الواجهة الأمامية.
  • ضمان جودة الكود المصدري.
Git
GitLab
Jira
Confluence
JavaScript
ReactJS
SCSS
Scrum
O

OAG Profile - الدار البيضاء، المغرب

مارس 2015 - سبتمبر 2016
مطوّر واجهات أمامية مؤكد
  • تطوير موقع OAG باستخدام ReactJS وNodeJS وExpress عبر ثلاث نسخ.
  • متابعة الأخطاء على منصة Redmine.
  • تطوير موقع FMA باستخدام Django وPython بناءً على متطلبات العميل.
  • تصميم لافتات دعائية باستخدام Illustrator وتحريكها بـCSS وGoogle Web Designer لفريق التسويق.
  • جعل المنصة متجاوبة باستخدام CSS Media Queries.
  • ضمان جودة الكود المصدري.
  • حل تعارضات Git.
  • كتابة اختبارات وحدات وتطوير واجهات برمجة التطبيقات.
ReactJS
React Router
Redux
ExpressJS
ES6
Django
CSS3
Redmine
Git
ش

شركة FY COMPUTING - الرباط، المغرب

سبتمبر 2014 - فبراير 2014
مهندس دراسات وتطوير
  • تطوير مكتبة JavaScript لتتبع تفاعلات المستخدمين وموقع لتحليل الويب باستخدام هذه المكتبة.
  • تطوير موقع وإضافة Chrome لإدخال سمات التتبع في صفحات الويب.
  • إعادة تصميم موقع الشركة FY COMPUTING بتصميم متجاوب.
HTML5
CSS3
AngularJS
REST
Git
VanillaJS
ExpressJS
NodeJS
MongoDB

المهارات

JavaScript & TypeScript

JavaScript (ES2024+)
TypeScript 5
JSON

الأُطر والمكتبات

React 19
Next.js 15
Angular 17+
Redux Toolkit
Zustand
TanStack Query
RxJS

تكامل الويب

HTML5
CSS3
Tailwind CSS
Sass
Shadcn/ui
تصميم متجاوب
Figma

الذكاء الاصطناعي والإنتاجية

GitHub Copilot
Claude Code
Prompt Engineering
التطوير بمساعدة الذكاء الاصطناعي

الاختبارات

Jest
Vitest
React Testing Library
Playwright
Cypress
Postman

الواجهة الخلفية

Node.js
Express.js
REST
GraphQL

Git & DevOps

Git (CLI)
GitHub
GitLab CI/CD
Docker
SSH

أدوات البناء

Vite
Webpack
npm
pnpm
yarn
esbuild
Turborepo

المنهجية

أجايل سكرم
هندسة الواجهة الأمامية
مراجعة الكود
التطوير المدفوع بالاختبار (TDD)

أفضل الممارسات

إمكانية الوصول
HTML الدلالي
أنماط التصميم
Storybook
أداء الويب
مشاريعي

اطلع على أحدث أعمالي

لقد عملت على مجموعة متنوعة من المشاريع، من المواقع البسيطة إلى تطبيقات الويب المعقدة. إليك بعض من المفضلة لدي.

مشروع RTE DREAM

منصة ويب متكاملة لمحاكاة سوق الكهرباء الفرنسي، تم تطويرها باستخدام React وNode.js.

React 18
TypeScript
Node.js
Socket.io
Ant Design
TailwindCSS
Zustand
i18next

مشروع Push Nuke

لوحة تحكم تفاعلية لمراقبة محطات الطاقة النووية الفرنسية في الوقت الفعلي، تعرض حالة التشغيل وبيانات التوقف على خريطة تفاعلية لفرنسا.

React 18
Redux
Ant Design
Recharts
Node.js
Express
Leaflet

مشروع Carto Flux

منصة خرائط تفاعلية ثلاثية الأبعاد لعرض شبكة نقل الكهرباء الفرنسية ووحدات إنتاج الطاقة وأنماط الاستهلاك الإقليمي في الوقت الفعلي.

React 18
TypeScript
Deck.gl
Mapbox GL
Redux Toolkit
Turf.js

مشروع Rakoto Interne

تطبيق ويب تفاعلي مخصص لفِرَق RTE الداخلية لتحليل استراتيجيات ربط الشبكة الكهربائية لطلبات العملاء الجديدة، مزود بميزات متقدمة مثل الخرائط التفاعلية، تقدير التكاليف، وإنشاء التقارير الاحترافية.

React 18
TypeScript
Leaflet
React Bootstrap
React PDF Renderer
DOCX

CSRD Collect

منصة لجمع البيانات للامتثال لتوجيهات CSRD، تتضمن منشئ نماذج ديناميكي وتفريعات شرطية وتحكم في الوصول قائم على الأدوار.

React 19
Next.js 16
TypeScript
Zustand
Tailwind CSS 4
Radix UI
Playwright
Axios

تواصل معي

لديك مشروع أو وظيفة أو فكرة تريد مناقشتها؟
دعنا نرتب اجتماعاً سريعاً لمدة 30 دقيقة للتعمق فيها!