photo profil
  • M. MAHMOUD

  • Devops / Développeur front-end React.js / Next.js

    • Mes réseaux :
  • Mes stacks :
    • Next.js
      TypeScript
      Tailwind CSS
      Gitlab
      Docker
      Kubernetes
      AWS
      Terraform

ABOUT ME

Développeur Front-End & DevOps, je conçois des applications modernes avec React et Next.js et je déploie des architectures cloud performantes sur AWS. J’allie design, performance et scalabilité.

  • Développement moderne avec React et Next.js
  • Création d'interfaces réactives et responsives
  • Optimisation du SEO et de l'accessibilité
  • Collaboration efficace avec les designers
  • +

    PROJETS

    TERMINÉS

  • +

    LIGNES DE

    CODE ÉCRITES

  • +

    Années

    d'expérience

MONLAB

MES STACKS

Next.jsNext.js
FigmaFigma
TailwindcssTailwindcss
Node.jsNode.js
PrismaPrisma
PostgresPostgres
TypescriptTypescript
GithubGithub
DockerDocker
jestjest
terraformterraform
awsaws
gitlabgitlab
k8s1k8s1
ansibleansible
reactreact
grafanagrafana
prometheusprometheus
seoseo
n8nn8n
pythonpython

PROJETS

  • Static job – Déploiement React sur AWS

    Static job – Déploiement React sur AWS

    • React.js
    • TailwindCSS
    • TypeScript
    • AWS Amplify
    • Cloudwatch
    • AWS SNS
    • Développement d’une application front-end moderne avec React.js et TailwindCSS.
    • Déploiement et hébergement de l’application via AWS Amplify avec intégration directe à GitHub.
    • Mise en place d’une intégration et livraison continues (CI/CD) automatisées grâce à AWS Amplify.
    • Surveillance des performances et des logs de l’application via AWS CloudWatch.
    • Configuration de notifications et d’alertes via AWS SNS pour le suivi des événements et erreurs.
    • Application optimisée pour la performance, la maintenabilité et la scalabilité.
  • Ticket Generator - Automatisation serverless de billetterie

    Ticket Generator - Automatisation serverless de billetterie

    • React.js
    • TypeScript
    • TailwindCSS
    • S3
    • n8n
    • EmailJS
    • Zod
    • React Hook Form
    • AWS Amplify
    • AWS Lambda
    • API Gateway
    • AWS DynamoDB
    • Cloudflare
    • Développement d’une application React permettant de générer des tickets personnalisés à partir d’un formulaire dynamique.
    • Validation des champs utilisateur avec Zod et gestion du formulaire via React Hook Form pour une expérience fluide et sécurisée.
    • Stockage des images des tickets sur Amazon S3 afin d’assurer une persistance et un accès rapide.
    • Base de données DynamoDB reliée à l’API pour enregistrer les informations des participants.
    • API serverless construite avec AWS Lambda et exposée via API Gateway pour la génération et la transmission des données vers n8n.
    • Automatisation du flux avec n8n : réception des données, envoi automatique des tickets par EmailJS et ajout du participant dans une base Notion.
    • Déploiement et hébergement du site via AWS Amplify avec build automatisé depuis le dépôt GitHub.
    • Optimisation et diffusion des images via Cloudflare pour de meilleures performances globales.
  • Sofachic – Application e-commerce Next.js fullstack avec Supabase

    Sofachic – Application e-commerce Next.js fullstack avec Supabase

    • Next.js (Fullstack)
    • TypeScript
    • Supabase
    • PostgreSQL
    • Zustand
    • TailwindCSS
    • Shadcn/UI
    • NexAuth
    • nuqs
    • Figma
    • Vercel
    • Conception du design sur Figma.
    • Développement d’une application e-commerce complète avec filtres avancés, gestion du panier et profils utilisateurs personnalisés.
    • Architecture fullstack réalisée avec Next.js (front-end et API routes) et base de données PostgreSQL hébergée sur Supabase.
    • Intégration de Zustand pour la gestion globale des états et des sessions utilisateurs.
    • Interface moderne et accessible réalisée avec Shadcn/UI et TailwindCSS.
    • Implémentation d’une page dynamique pour chaque produit via une route paramétrée.
    • Déploiement et hébergement continus sur Vercel, avec configuration optimisée des performances.

MON

PARCOURS

    Logo AWS
    • AWS Certified Solutions Architect - Associate (En cours)

      • - Développer des applications cloud sur AWS
      • - Utiliser les services AWS pour implémenter des solutions serverless
      • - Apprendre à dépanner et à surveiller des applications sur AWS
    • AWS Certified Cloud Practitioner

      • - Comprendre les services cloud AWS et les concepts associés
      • - Gérer les ressources AWS et les solutions basées sur AWS
      • - Apprendre à sécuriser et à conformer les environnements cloud sur AWS
    Logo OpenClassrooms
    • Développeur concepteur logiciel, RNCP niveau VI (bac +3/4)

      • - Concevoir et développer des interfaces utilisateurs avec React
      • - Collaborer avec des designers pour traduire des maquettes en applications fonctionnelles
      • - Optimiser les applications pour maximiser leur vitesse et leur efficacité
      • - Intégrer des données provenant de diverses sources back-end et bases de données
      • - Assurer la maintenance et la mise à jour des applications existantes
    • Développeur informatique, RNCP niveau III (bac +2)

      • - Contribuer à un site web responsive et dynamique graduellement tout au long du projet, de l’intégration des éléments des maquettes graphiques (développement front-end avec HTML, CSS, JavaScript et React)
      • - Créer des API et des bases de données pour développer des fonctionnalités complexes et évoluer en back-end (Node.js, Express et MongoDB)
      • - Optimiser les performances et l’accessibilité de sites web existants pour permettre leur fonctionnement optimal et une bonne visibilité sur les moteurs de recherche (SEO)
      • - Gérer un projet web de A à Z : de la planification du projet à la présentation de la solution au client, en passant par la rédaction des spécifications techniques

    Envie de collaborer sur un site moderne, une app ou un design unique ? Je suis disponible pour vos projets. 🚀