Skip to content
View jawad3213's full-sized avatar

Block or report jawad3213

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
jawad3213/README.md

Hi, I'm Jaouad El Hail 👋

Full-Stack Engineer · DevOps & Cloud Engineer · UI/UX Designer

Typing SVG

Portfolio LinkedIn Email WhatsApp CV

Profile views Open to PFE internships Morocco

About Me

I build high-value digital products by bridging the gap between human-centric design and AI-driven efficiency.

I'm a Full-Stack Developer who cares about the whole product lifecycle, from the first UI/UX wireframes and animations to solid development, thorough testing, CI/CD and monitoring. I use AI both in my workflow and inside the products I ship, which lets me deliver faster and build things that scale.

  • 🎓 Computer Science Engineering student at ENSA Tangier (2024 – 2027)
  • 💼 Latest experience: Full-Stack & DevOps Developer at Zenika
  • 🛠️ I work on full-stack apps, cloud & DevOps, UI/UX & motion design, and AI / RAG products
  • 🔭 Open to PFE (end-of-studies) internships, freelance projects and technical discussions
  • 📍 Based in Morocco (Tangier · Casablanca · Mohammedia)

"In code, I seek efficiency. In business, I seek value. In life, I seek purpose. Tools are temporary, but the integrity of a job well done is the only investment that yields a permanent return."


Tech Stack

💻 Languages
& Frameworks
Languages and frameworks
🗄️ Databases Databases
☁️ DevOps
& Cloud
DevOps and cloud
🎨 UI/UX
& Motion
UI/UX
GSAP Framer Motion Spline
🤖 AI
& Automation
OpenAI Gemini RAG n8n Stripe
🧪 Testing JUnit Mockito Cypress
🏛️ Architecture REST Microservices Serverless Clean Architecture DDD Hexagonal MVC
OOD Scrum Kanban UML Merise

Experience

🟣 Zenika · Full-Stack & DevOps Developer

📅 07/2026 – 08/2026  ·  Design and development of a SaaS payment module

  • Modeled a business Bounded Context with Domain-Driven Design and Hexagonal Architecture (Ports & Adapters) to keep the code decoupled and maintainable.
  • Built the Stripe payment module end to end (frontend and backend), covering one-time purchases and recurring subscriptions.
  • Set up GitHub Actions CI/CD pipelines that deploy the backend to Google Cloud Run and the frontend to Google Cloud Storage.

🔵 Smart Automations Technologies · Full-Stack Developer & UI/UX Designer

📅 07/2025 – 08/2025  ·  E-commerce platform with an AI chatbot

  • Designed the full UI/UX and a consistent Design System in Figma.
  • Built the core e-commerce features with Angular on the frontend and Express.js on the backend.
  • Designed and integrated a RAG chatbot using n8n to give customers personalized, instant support.


Featured Projects

🧠 ScrumFlow

ScrumFlow

AI-powered planning tool for Project Managers. It turns a requirements document (PDF) into an actionable roadmap in seconds: ROI and financial planning (CAPEX/OPEX, 3-year projections, break-even), smart staffing, a full Agile backlog and tech stack & risk recommendations.

Role: Technical PM & Full-Stack Engineer. Ran Scrum, designed the Laravel 12 REST API, added JWT & Google OAuth, and orchestrated 4 microservices behind an Nginx API gateway on AWS EC2.

React Laravel FastAPI Gemini API PostgreSQL Docker AWS GitHub Actions

Case study Code

🎓 GrowTrack

GrowTrack

Central platform for academic tracking and skills development in higher education: professor evaluations, self & peer assessment, group project management, at-risk student alerts, dynamic dashboards and PDF skills profiles students can share with recruiters.

Role: Full-Stack Developer & UI/UX Designer. Built the core REST API, designed the role-based UX in Figma, and ran the Git workflow for a team of 10.

Vue.js Node.js Express.js PostgreSQL Tailwind CSS Docker Azure GitHub Actions

Case study Code

✨ VisionTech

VisionTech

Immersive showcase site for a Moroccan digital agency: interactive Spline 3D scenes, bilingual (FR/EN) React SPA, 60 FPS scrolling with GSAP & Lenis, dark glassmorphism design, and global delivery via AWS CloudFront.

Role: End-to-end owner, from design system and motion design to development and AWS deployment.

React 19 TypeScript Tailwind CSS 4 GSAP Spline 3D Framer Motion AWS CloudFront

Live demo Case study

🍽️ Salle Blanche

Salle Blanche

Showcase website for an upscale restaurant in Casablanca's Gauthier district: interactive menu, built-in reservations, testimonials, chef section and technical SEO with Next.js (SSR, metadata, Open Graph) to capture local search traffic.

Role: End-to-end owner: Next.js 15 App Router architecture, retina-ready responsive design, Lenis smooth scrolling and competitive UX analysis.

Next.js React Tailwind CSS GSAP Lenis

Live demo Case study

🏫 ENSAT Management System

Desktop application for managing a school's administration: statistics dashboard, full student CRUD with status tracking, automatic numbered enrollment records, and management of departments, programs and courses. The data layer uses JDBC with the DAO/DTO pattern on PostgreSQL.

JavaFX 17 JDBC (DAO) PostgreSQL Maven

Case study Code

All work


Education & Certifications

🎓 Education

Engineering Cycle in Computer Science
ENSA Tangier · 2024 – 2027

Integrated Preparatory Classes
ENSA Tangier · 2022 – 2024

📜 Certifications

AWS Cloud Essentials
SAP BTP
SAP ABAP
Google Project Management
Salesforce Platform

Click a badge to verify.


🤝 Let's build something great together

I'm open to PFE internships, collaborations and technical discussions.

Portfolio Email LinkedIn

Pinned Loading

  1. NextStep NextStep Public

    Plateforme IA complète d'automatisation de candidatures : agrégation d'offres multi-sources, scoring ATS et détection de gaps, génération de CV sur-mesure en temps réel, envoi via Gmail OAuth2, sui…

    C# 1

  2. Materia Materia Public

    End-to-end Procure-to-Pay (P2P) platform: Purchase Requisitions (PR), Orders (PO), Goods Receipts (GR), 3-Way Matching & RTV. Built with Spring Boot 3, React 19, Kafka & Hexagonal Architecture (DDD).

    Java 1

  3. ScrumFlow ScrumFlow Public

    Plateforme de gestion de projet & planification financière propulsée par l'IA (Google Gemini 2.5). Analyse de cahiers des charges (PDF) ➔ Staffing, Backlog Agile & Tech Stack. Développée avec React…

    JavaScript 1

  4. Growtrack Growtrack Public

    Plateforme web de suivi des compétences des étudiants avec évaluations multi-sources (professeurs, pairs, auto-évaluation), gestion de projets et signalements. Rapports PDF automatisés. Développée …

    JavaScript 1

  5. SubTrack SubTrack Public

    Plateforme de gestion & d'optimisation d'abonnements SaaS propulsée par l'IA Gemini. Conversion multi-devises, alertes de renouvellement (Telegram/WhatsApp/Email) & import automatique de factures G…

    Java 1

  6. ENSAT-Management ENSAT-Management Public

    Application desktop de gestion académique (étudiants, filières, cours, dossiers). Inscriptions transactionnelles, règles métier avancées, UI asynchrone non bloquante et design Modern Dark. Développ…

    Java