Nitalin

<p>Dans le cadre d’une collaboration avec MEDIAST, agence spécialisée en développement web et marketing digital, j’ai eu l’opportunité de concevoir et développer une landing page professionnelle dédiée au parfum A Drop d’Issey.<br><br>L’objectif de ce projet était de créer une expérience digitale élégante et immersive, reflétant l’identité minimaliste et raffinée du produit, tout en offrant une interface moderne et performante orientée conversion.<br><br>-- Points clés du projet :<br>• Conception d’un design moderne et élégant inspiré de l’univers visuel du parfum<br>• Développement d’une landing page hautement professionnelle avec une expérience utilisateur fluide<br>• Intégration d’un système COD (Cash on Delivery) pour simplifier le processus de commande<br>• Connexion automatique avec Google Sheets pour la gestion et le suivi des commandes<br>• Design responsive optimisé pour mobile, tablette et ordinateur<br>• Structure optimisée pour mettre en valeur le produit et améliorer la conversion<br><br>Découvrez le projet :<br><a href="http://adropdessay.web.app" rel="noopener noreferrer nofollow" target="_blank">adropdessay.web.app</a><br><br><br></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmmph8rj7ulu23uji4xkwekp6.png"><div class="image-overlay"></div></div></div></div>

UX/UI Designer

UI Designer

A drop d'essay

Jardin D'Oliviers

<p>Dans un monde où la présence digitale est devenue un levier stratégique de croissance, chaque détail compte pour transformer une simple visite en véritable expérience.<br>C’est dans cette optique que j’ai conçu et développé le site officiel du restaurant JARDIN OLIVIERS, situé à El Hajeb.<br>Ce projet va bien au-delà d’un simple site vitrine. Il s’agit d’une plateforme digitale complète, pensée pour allier design moderne, performance technique et efficacité opérationnelle.<br>--- Réalisations principales :<br>Conception d’une interface élégante reflétant l’identité et l’ambiance du restaurant<br>Développement d’un site 100 % responsive, optimisé pour tous les appareils<br>Optimisation des performances et de la vitesse de chargement<br>Intégration d’un système de réservation en ligne (tables &amp; rendez-vous) fluide et intuitif<br>Développement d’un tableau de bord administrateur (Admin Dashboard) permettant :<br> ▪ La gestion des réservations en temps réel<br> ▪ La confirmation, modification ou annulation des demandes<br> ▪ La gestion du contenu<br> ▪ Le suivi et l’organisation des données clients<br>Un site web performant aujourd’hui n’est plus seulement une vitrine, mais un véritable outil stratégique au service du développement et de la croissance.<br><br><br>lien : <a href="http://jardin-olivier.web.app" rel="noopener noreferrer nofollow" target="_blank">jardin-olivier.web.app</a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmm2ezk6m01t76ffzeoer4lav.jpg"><div class="image-overlay"></div></div></div></div>

Dans un monde où la présence digitale est devenue un levier stratégique de croissance, chaque détail compte pour transformer une simple visite en véritable expérience.
C’est dans cette optique que j’ai conçu et développé le site officiel du restaurant JARDIN OLIVIERS, situé à El Hajeb.
Ce projet va bien au-delà d’un simple site vitrine. Il s’agit d’une plateforme digitale complète, pensée pour allier design moderne, performance technique et efficacité opérationnelle.
--- Réalisations principales :
Conception d’une interface élégante reflétant l’identité et l’ambiance du restaurant
Développement d’un site 100 % responsive, optimisé pour tous les appareils
Optimisation des performances et de la vitesse de chargement
Intégration d’un système de réservation en ligne (tables & rendez-vous) fluide et intuitif
Développement d’un tableau de bord administrateur (Admin Dashboard) permettant :
 ▪ La gestion des réservations en temps réel
 ▪ La confirmation, modification ou annulation des demandes
 ▪ La gestion du contenu
 ▪ Le suivi et l’organisation des données clients
Un site web performant aujourd’hui n’est plus seulement une vitrine, mais un véritable outil stratégique au service du développement et de la croissance.


lien : jardin-olivier.web.app

Frontend Development

Backend Development

Fullstack Development

Jardin d'Oliviers RESTAURATION

OMAYSTRO

<p>J’ai conçu et développé le site web officiel du restaurant OMAYSTRO à Meknès, avec un focus particulier sur une expérience utilisateur moderne, des performances optimisées et une identité visuelle cohérente avec l’image de la marque.<br><br><br>Dans ce projet, j’ai travaillé sur :<br>-Le développement d’interfaces dynamiques et performantes avec React et TypeScript.<br>-Un design responsive et flexible grâce à TailwindCSS.<br>-L’intégration d’animations fluides et professionnelles avec GSAP pour enrichir l’expérience utilisateur.<br>-L’utilisation d’icônes modernes via Lucide.<br>-L’optimisation de la typographie et du rendu visuel à travers Google Font API.<br>-L’objectif était de créer une plateforme à la fois esthétique, rapide et scalable, en respectant les bonnes pratiques du développement Front-End et l’optimisation des performances.<br><br><br>Lien : <a href="https://o-maystro.web.app/" rel="noopener noreferrer nofollow" target="_blank">https://o-maystro.web.app/</a><a href="https://o-maystro.web.app/￼" rel="noopener noreferrer nofollow" target="_blank"><br></a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmlo1ea5no2056ejg6lfeayyv.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmlo1e62vo1x26ejggi9pbz2v.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmlo1c7r5lldf6ej3dq4n7bu0.png"><div class="image-overlay"></div></div></div></div>

J’ai conçu et développé le site web officiel du restaurant OMAYSTRO à Meknès, avec un focus particulier sur une expérience utilisateur moderne, des performances optimisées et une identité visuelle cohérente avec l’image de la marque.


OMAYSTRO 

ABDERRAHIM CARS

<p>Je suis heureux de partager l’un des projets sur lesquels j’ai travaillé afin d’améliorer mes compétences en développement web <br>Il s’agit d’un site complet de location de voitures, incluant une interface pour les utilisateurs ainsi qu’un tableau de bord dédié à l’admin.<br><br>Technologies utilisées :<br>HTML5<br>TailwindCSS<br>JavaScript<br>React.js<br>Firebase (Authentication + Firestore Database)<br><br>Fonctionnalités principales :<br>- Système d'inscription et de connexion<br>- Système de réservation de voitures, avec enregistrement des données dans Firebase<br>- Page dédiée aux réservations de l’utilisateur, permettant de vérifier si la demande a été acceptée ou non par l’agence<br>- Modification du profil (nom, photo, informations personnelles…)<br>-️ Comparaison de voitures pour aider l’utilisateur à choisir<br>- Section dédiée aux offres promotionnelles<br>-️ Espace Admin sécurisé (avec identifiant et mot de passe), permettant :<br>La visualisation des revenus<br>La gestion des comptes utilisateurs<br>L’affichage des réservations détaillées<br>L’acceptation ou le refus des réservations<br>Le contrôle complet des données du site<br>La vidéo jointe présente un aperçu du fonctionnement du site et de son interface.<br><br>N’hésitez pas à me donner votre avis ou vos suggestions pour améliorer ce projet <br>🔗 Lien du projet : <a href="https://location-maroc.web.app/" rel="noopener noreferrer nofollow" target="_blank">https://location-maroc.web.app/</a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmlo0lli1nl7c6ejg5dze49zr.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmlo0rd03nrsz6elkfwlh044v.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmlo0lr5enon46elk82xzerxh.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmlo0lu5anlbe6ejghbaa8d0q.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmlo0p9wpnqlf6elkaj83a4bl.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmlo0po0snnff6ejg6pey3oqd.png"><div class="image-overlay"></div></div></div></div>

Je suis heureux de partager l’un des projets sur lesquels j’ai travaillé  afin d’améliorer mes compétences en développement web .Il s’agit d’un site complet de location de voitures, incluant une interface pour les utilisateurs ainsi qu’un tableau de bord dédié à l’admin.

Javascript

STE ZAKI BETON SARL AU  

<p>J'ai conçu, développé et réalisé une plateforme web d'entreprise entièrement intégrée. Il s'agit d'un système e-commerce avancé et hautement évolutif, construit selon les normes modernes du génie logiciel. Ce système témoigne d'une parfaite maîtrise du cycle de vie des produits logiciels, de l'analyse au déploiement et à la maintenance, et j'ai de nouvelles idées pour en faire la plateforme e-commerce la plus performante et la plus conviviale.<br><br>Architecture logicielle :<br><br>-Architecture modulaire et évolutive<br>-Séparation claire des couches (Présentation, Métier, Données)<br>-Application des principes SOLID, Clean Code et DDD<br>-Composants réutilisables et hooks personnalisés<br>-Facilité d’extension et d’ajout de nouvelles fonctionnalités<br><br>Frontend (React) :<br><br>-React 18 + TypeScript<br>-Redux Toolkit, RTK Query, TanStack Query<br>-React Router v6 (routes protégées, lazy loading)<br>-Formulaires multi-étapes avec React Hook Form, Yup et Zod<br>-Material UI, Tailwind CSS, Headless UI<br>-Animations avec Framer Motion et GSAP<br>-Graphiques et statistiques avec Chart.js / Recharts<br>-Support multilingue (i18next)<br>-Optimisation des performances et Web Vitals<br><br>Backend &amp; Cloud :<br><br>-Firebase Authentication (Email / Password)<br>-Gestion des rôles et permissions (RBAC)<br>-Cloud Firestore (NoSQL structuré)<br>-Cloud Functions (logique métier)<br>-Firebase Storage (images et fichiers)<br>-Sécurité avancée via Security Rules et App Check<br>-Architecture Serverless et Event-Driven<br><br>Authentification &amp; Sécurité :<br><br>-Inscription multi-étapes avec validation avancée<br>-Politiques de mots de passe strictes<br>-Routes protégées et contrôle d’accès<br>-Protection contre les abus et limitation du trafic<br><br>Fonctionnalités e-commerce :<br><br>-Panier dynamique avec calcul automatique<br>-Facturation PDF (client et administrateur)<br>-Suivi des commandes avec statuts :<br>En attente – Acceptée – En préparation – Terminée – Refusée<br>-Notifications en temps réel<br>-Comparaison de produits<br>-Commentaires et évaluations visibles publiquement<br><br>Dashboard Administrateur :<br><br>-Notifications en temps réel<br>-Gestion des produits, catégories et stocks<br>-Gestion des utilisateurs et des rôles<br>-Gestion complète des commandes<br>-Modération des commentaires et évaluations<br>-Statistiques avancées et indicateurs de performance<br>-Rapports financiers hebdomadaires, mensuels et annuels<br><br>Qualité &amp; Fiabilité :<br><br>-Tests unitaires et d’intégration<br>-Gestion globale des erreurs<br>-Journalisation et monitoring<br>-Prêt pour un environnement de production<br><br><br>lien de projet : <a href="http://zakibiton-4f985.web.app" rel="noopener noreferrer nofollow" target="_blank">zakibiton-4f985.web.app</a><br><br></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln09jsg94e66ejg04hpap6f.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln09g4w94d16ejght0u2fs6.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln09cf994bk6ejg7hxq60me.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln098qw6q066ej3397oc3h9.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln0956f6pya6ej3dpw528b0.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln091q8947a6ejg3ojydpqz.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln08y5798506elk8q1yev4d.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln08rdc6pt06ej33rmf76pu.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln08k9q98056elkey1t92jw.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln09op998fl6elk7dhe3ap9.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln09sxv94hy6ejggp5w3zl4.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln09w1f94jg6ejg835af4we.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln09z9194kj6ejgcqez3j7o.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln0a48g6qc16ej32k9g86dm.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmln0c8376r5f6ej372vz9izw.png"><div class="image-overlay"></div></div></div></div>

J'ai conçu, développé et réalisé une plateforme web d'entreprise entièrement intégrée. Il s'agit d'un système e-commerce avancé et hautement évolutif, construit selon les normes modernes du génie logiciel. Ce système témoigne d'une parfaite maîtrise du cycle de vie des produits logiciels, de l'analyse au déploiement et à la maintenance, et j'ai de nouvelles idées pour en faire la plateforme e-commerce la plus performante et la plus conviviale.

E-COMMERCE PLATFORME

Python Essentials 2

JavaScript Essentials 2

HTML Essentials

JavaScript Essentials 1

Portfolio

Développeur Full Stack

– Étudiant passionné par le développement web. Expérience en PHP, JavaScript, React, Laravel, Python, SQL, HTML & CSS.
– Travail sur des projets pratiques et apprentissage continu des technologies modernes

Abderrahim Boutrine

Développeur Full Stack

À propos

Expérience de travail

Étudiant / Développeur Full Stack

Formation

OFPPT

Licences et certifications

Python Essentials 2

JavaScript Essentials 2

HTML Essentials

JavaScript Essentials 1

Portfolio

A drop d'essay

Nitalin

Jardin d'Oliviers RESTAURATION

Jardin D'Oliviers

OMAYSTRO

OMAYSTRO

ABDERRAHIM CARS

ABDERRAHIM CARS

E-COMMERCE PLATFORME

STE ZAKI BETON SARL AU

Talents

Recruteurs

À propos