[{"data":1,"prerenderedAt":495},["ShallowReactive",2],{"projects-en":3},[4,106,220,291,364,395,467],{"id":5,"title":6,"approach":7,"body":8,"challenges":7,"context":7,"date":86,"description":87,"expectedOutcome":7,"extension":88,"featured":89,"github":90,"image":91,"link":92,"liveUrl":92,"meta":93,"motivation":7,"navigation":89,"path":94,"repoUrl":90,"results":7,"role":7,"seo":95,"slug":96,"solution":7,"stack":97,"status":103,"stem":104,"vision":7,"wireframe":7,"year":7,"__hash__":105},"projects\u002Fprojects\u002Fen\u002Fadam-portfolio.md","Adam Portfolio v2",null,{"type":9,"value":10,"toc":78},"minimark",[11,16,20,24,47,51,63,67],[12,13,15],"h2",{"id":14},"context","Context",[17,18,19],"p",{},"I wanted a portfolio that truly represents me: fast, accessible, and easy to update without touching the code for every new project.",[12,21,23],{"id":22},"challenges","Challenges",[25,26,27,35,41],"ul",{},[28,29,30,34],"li",{},[31,32,33],"strong",{},"Multilingual"," : manage 4 languages (EN, FR, ES, JA) without code duplication",[28,36,37,40],{},[31,38,39],{},"SEO"," : rank when searching for \"Adam Abdel-Djamal web developer\"",[28,42,43,46],{},[31,44,45],{},"Performance"," : Lighthouse 95+ on mobile",[12,48,50],{"id":49},"solution","Solution",[17,52,53,54,58,59,62],{},"Nuxt 3 with Nuxt Content v3 for Markdown project management. Each new project = one ",[55,56,57],"code",{},".md"," file + ",[55,60,61],{},"git push",".",[12,64,66],{"id":65},"result","Result",[25,68,69,72,75],{},[28,70,71],{},"Lighthouse : 98 Performance, 100 Accessibility, 100 SEO",[28,73,74],{},"Build time : \u003C 30s on Vercel",[28,76,77],{},"Adding a project : 2 minutes",{"title":79,"searchDepth":80,"depth":80,"links":81},"",2,[82,83,84,85],{"id":14,"depth":80,"text":15},{"id":22,"depth":80,"text":23},{"id":49,"depth":80,"text":50},{"id":65,"depth":80,"text":66},"2025-03-15","My personal portfolio built with Nuxt 3, Tailwind CSS and Nuxt Content. Goal: a fast, multilingual and SEO-friendly website.","md",true,"https:\u002F\u002Fgithub.com\u002FDjam18\u002Fportfolio","\u002Fimages\u002Fportfolio\u002Fportfolio-v2.jpg","https:\u002F\u002Fadam-portfolio.vercel.app",{},"\u002Fprojects\u002Fen\u002Fadam-portfolio",{"title":6,"description":87},"adam-portfolio",[98,99,100,101,102],"Nuxt 4","Vue 3","Tailwind CSS","TypeScript","Nuxt Content","live","projects\u002Fen\u002Fadam-portfolio","qTh_M_D22jZPXsqgJpgJzpzI6HzCRqzwj-P51MKnvzs",{"id":107,"title":108,"approach":109,"body":110,"challenges":7,"context":7,"date":200,"description":201,"expectedOutcome":202,"extension":88,"featured":89,"github":203,"image":204,"link":7,"liveUrl":7,"meta":205,"motivation":206,"navigation":89,"path":207,"repoUrl":203,"results":7,"role":7,"seo":208,"slug":209,"solution":7,"stack":210,"status":216,"stem":217,"vision":218,"wireframe":7,"year":7,"__hash__":219},"projects\u002Fprojects\u002Fen\u002Fats-analyzer.md","Talenta (ATS Analyzer)","Built a full-stack Nuxt 4 web app utilizing Nuxt UI v4 (Radix Vue + Tailwind), Supabase for auth, PostgreSQL with Row-Level Security, and Storage. AI inference queries HuggingFace (Mistral-7B) with structured Zod schema parsing. Integrated Stripe webhooks for subscription quotas (Free, Pro, Expert) and Resend for transactional email dispatch.",{"type":9,"value":111,"toc":195},[112,116,123,127,159,163],[12,113,115],{"id":114},"the-vision","The Vision",[17,117,118,119,122],{},"Talenta solves a massive pain point for job seekers: ",[31,120,121],{},"the black box of Applicant Tracking Systems (ATS)",". Candidates often apply to dozens of roles without knowing why they never receive interview callbacks. Talenta decodes the hiring algorithm.",[12,124,126],{"id":125},"key-features","Key Features",[25,128,129,135,141,147,153],{},[28,130,131,134],{},[31,132,133],{},"ATS Compatibility Score",": Instant 0–100 match rating between your uploaded CV and any targeted job offer.",[28,136,137,140],{},[31,138,139],{},"Keyword Gap Analysis",": Prioritizes crucial missing skills and domain keywords extracted from the job description.",[28,142,143,146],{},[31,144,145],{},"Section Breakdown",": Granular evaluation across experience, skills, education, and formatting compliance.",[28,148,149,152],{},[31,150,151],{},"Rewrite Suggestions",": Concrete before\u002Fafter sentence rewrites to boost impact and keyword density.",[28,154,155,158],{},[31,156,157],{},"Quota & Tier System",": Tiered subscription management (3 free analyses, Pro, Expert) wired via Stripe Checkout & Webhooks.",[12,160,162],{"id":161},"technical-architecture","Technical Architecture",[25,164,165,171,177,183,189],{},[28,166,167,170],{},[31,168,169],{},"Frontend",": Nuxt 4, Vue 3, TypeScript, Nuxt UI v4 (Tailwind CSS + Radix Vue primitives).",[28,172,173,176],{},[31,174,175],{},"Backend & Server Routes",": Nitro server engine with in-memory rate limiting and Zod validation.",[28,178,179,182],{},[31,180,181],{},"Database & Auth",": Supabase PostgreSQL with strict RLS policies and SQL migrations.",[28,184,185,188],{},[31,186,187],{},"AI Inference",": HuggingFace Inference API powered by Mistral-7B with custom prompt engineering.",[28,190,191,194],{},[31,192,193],{},"Billing & Email",": Stripe Checkout webhooks and Resend API.",{"title":79,"searchDepth":80,"depth":80,"links":196},[197,198,199],{"id":114,"depth":80,"text":115},{"id":125,"depth":80,"text":126},{"id":161,"depth":80,"text":162},"2026-02-10","AI-powered CV scoring tool for job seekers: 0–100 compatibility score, missing keywords, section analysis, and rewrite suggestions.","Immediate 0–100 score feedback, ranked matched\u002Fmissing keywords, section-by-section breakdown (skills, experience, education), and actionable before\u002Fafter sentence rewrites.","https:\u002F\u002Fgithub.com\u002FDjam18\u002Fats-analyzer","\u002Fimages\u002Fportfolio\u002Fats-analyzer.png",{},"Over 75% of resumes are discarded by automated Applicant Tracking Systems before a human recruiter ever sees them due to formatting glitches or missing keywords.","\u002Fprojects\u002Fen\u002Fats-analyzer",{"title":108,"description":201},"ats-analyzer",[98,99,101,211,212,213,214,215],"Nuxt UI v4","Supabase","HuggingFace","Stripe","Resend","in-progress","projects\u002Fen\u002Fats-analyzer","Empowering job seekers to beat automated ATS filters through transparent AI-driven resume scoring and actionable keyword optimization.","GzrNx1I9Lr0Of8iD2sFRw0Vg4l6zmSZN1mix-Q95pvM",{"id":221,"title":222,"approach":223,"body":224,"challenges":7,"context":7,"date":271,"description":272,"expectedOutcome":273,"extension":88,"featured":89,"github":274,"image":7,"link":7,"liveUrl":7,"meta":275,"motivation":276,"navigation":89,"path":277,"repoUrl":274,"results":7,"role":278,"seo":279,"slug":280,"solution":7,"stack":281,"status":216,"stem":287,"vision":288,"wireframe":7,"year":289,"__hash__":290},"projects\u002Fprojects\u002Fen\u002Faudit-pro.md","AuditPro — Mobile Field Inspection & Audit PWA","Crafted with Quasar Framework and Vue 3. Features local persistent caching and Service Workers for a true Offline-First architecture. Captures timestamped photos, logs GPS facility locations, and synchronizes automatically upon network recovery. Cross-compiles to native Android APK via Capacitor.",{"type":9,"value":225,"toc":267},[226,230,233,235],[12,227,229],{"id":228},"product-vision","Product Vision",[17,231,232],{},"AuditPro modernizes on-site validation campaigns (compliance, quality assurance, safety audits) by replacing paper forms with a certified, mobile-optimized experience.",[12,234,126],{"id":125},[25,236,237,243,249,255,261],{},[28,238,239,242],{},[31,240,241],{},"Offline-First Architecture",": Complete audit checklist filling and scoring without an active internet connection.",[28,244,245,248],{},[31,246,247],{},"Automatic Background Sync",": Intelligent connection detection securely pushing offline inspection datasets once back online.",[28,250,251,254],{},[31,252,253],{},"Tamper-Evident Digital Proofs",": In-app camera integration with embedded timestamps and automated GPS coordinate capture.",[28,256,257,260],{},[31,258,259],{},"Cross-Platform (PWA & APK)",": Runs in mobile web browsers and compiles directly to native Android APK through Quasar Capacitor without rewriting code.",[28,262,263,266],{},[31,264,265],{},"Instant Report Generation",": Automated PDF generation ready for immediate review and distribution to stakeholders.",{"title":79,"searchDepth":80,"depth":80,"links":268},[269,270],{"id":228,"depth":80,"text":229},{"id":125,"depth":80,"text":126},"2026-04-01","Progressive web application (PWA) for field audit and inspection operations: 100% offline-first capability, geolocation tagging, timestamped photo evidence, and APK generation.","Uninterrupted operations in remote areas, elimination of paper-based double data entry, and instant generation of signed audit reports.","https:\u002F\u002Fgithub.com\u002FDjam18\u002Faudit-pro",{},"On-site inspections at industrial, agricultural, or commercial facilities often face network dead zones, causing data loss on standard browser applications.","\u002Fprojects\u002Fen\u002Faudit-pro","Frontend & Mobile Developer",{"title":222,"description":272},"audit-pro",[282,99,101,283,284,285,286],"Quasar Framework","Pinia","Service Workers","Capacitor","SQLite","projects\u002Fen\u002Faudit-pro","Provide field inspectors and auditors with an ergonomic, resilient mobile tool capable of operating smoothly in any environment without internet dependency.","2026","uM3c4tWKySkLG0TQAHeQvNas-MaudXJLMnuNtejpcJo",{"id":292,"title":293,"approach":294,"body":295,"challenges":7,"context":7,"date":344,"description":345,"expectedOutcome":346,"extension":88,"featured":89,"github":347,"image":7,"link":7,"liveUrl":7,"meta":348,"motivation":349,"navigation":89,"path":350,"repoUrl":347,"results":7,"role":351,"seo":352,"slug":353,"solution":7,"stack":354,"status":216,"stem":361,"vision":362,"wireframe":7,"year":289,"__hash__":363},"projects\u002Fprojects\u002Fen\u002Fbiz-portal.md","BizPortal — SME Portal & Business Onboarding Platform","Architected using Next.js (App Router) with Server-Side Rendering (SSR) for instant first-contentful paint. Integrated Server Actions with Zod validation for secure legal document ingestion and interactive eligibility calculation.",{"type":9,"value":296,"toc":340},[297,301,304,308],[12,298,300],{"id":299},"project-vision","Project Vision",[17,302,303],{},"BizPortal is a modern SaaS web application designed to simplify enterprise onboarding and communications between companies and support organizations or service platforms.",[12,305,307],{"id":306},"core-features","Core Features",[25,309,310,316,322,328,334],{},[28,311,312,315],{},[31,313,314],{},"Interactive Eligibility Engine",": Real-time questionnaire guiding applicants toward relevant initiatives and support structures.",[28,317,318,321],{},[31,319,320],{},"Dynamic Multi-Step Forms",": Fluid user experience with persistent state handling and real-time input validation.",[28,323,324,327],{},[31,325,326],{},"Secure Document Upload",": Streaming ingestion of sensitive records with MIME verification, integrity checks, and cloud storage.",[28,329,330,333],{},[31,331,332],{},"SSR Architecture & Web Vitals",": Engineered for optimal speed, SEO discoverability, and fluid mobile interactions.",[28,335,336,339],{},[31,337,338],{},"Modern Design System",": Clean, accessible user interface built with Tailwind CSS and modular reusable UI components.",{"title":79,"searchDepth":80,"depth":80,"links":341},[342,343],{"id":299,"depth":80,"text":300},{"id":306,"depth":80,"text":307},"2026-03-20","Web platform for SME onboarding, eligibility assessment, and streamlined applications: high-performance Next.js SSR, guided forms, and automated document validation.","Page load time \u003C 1.2s, significant reduction in onboarding friction, and automated validation of complex business forms.","https:\u002F\u002Fgithub.com\u002FDjam18\u002Fbiz-portal",{},"Traditional onboarding processes and static forms experience high drop-off rates and poor performance across mobile devices.","\u002Fprojects\u002Fen\u002Fbiz-portal","Lead Full-Stack Developer",{"title":293,"description":345},"biz-portal",[355,356,101,100,357,358,359,360],"Next.js","React","Zod","Server Actions","PostgreSQL","Docker","projects\u002Fen\u002Fbiz-portal","Empower business founders and managers with a modern self-service portal to navigate support programs, evaluate eligibility, and submit files online seamlessly.","86ldtgcI8Ph2assguqD7hXWFhjmtsRzzuy2Ll214zco",{"id":365,"title":366,"approach":367,"body":368,"challenges":7,"context":7,"date":372,"description":373,"expectedOutcome":374,"extension":88,"featured":89,"github":375,"image":376,"link":7,"liveUrl":7,"meta":377,"motivation":379,"navigation":89,"path":380,"repoUrl":375,"results":7,"role":381,"seo":382,"slug":383,"solution":7,"stack":384,"status":103,"stem":392,"vision":393,"wireframe":7,"year":289,"__hash__":394},"projects\u002Fprojects\u002Fen\u002Fflip-to-focus.md","Flip to Focus — Physical Sensor-Driven Deep Work Mobile App","Engineered with Flutter, utilizing Android hardware sensors (accelerometer Z-axis and optical proximity). Automatically engages DND mode and shuts down screen glare upon flip. Backed by an FSM engine with 10-second grace window and 100% local Drift\u002FSQLite storage.",{"type":9,"value":369,"toc":370},[],{"title":79,"searchDepth":80,"depth":80,"links":371},[],"2026-03-15","Android productivity app leveraging kinesthetic anchoring: dual-sensor hardware detection (accelerometer + proximity), full screen-off Deep Work, automatic Do-Not-Disturb, and 100% offline SQLite persistence.","Eliminates visual temptations, breaks compulsive checking habits with an 80% success rate, and preserves device battery life.","https:\u002F\u002Fgithub.com\u002FDjam18\u002Fflip-to-focus","\u002Fimages\u002Fportfolio\u002Fflip-to-focus\u002Flogo.jpg",{"apkUrl":378},"\u002Fdownloads\u002Fflip-to-focus.apk","Conventional productivity timers keep screens glowing with ticking clocks, creating cognitive friction and inviting impulse phone checks.","\u002Fprojects\u002Fen\u002Fflip-to-focus","Mobile Flutter Developer & Systems Architect",{"title":366,"description":373},"flip-to-focus",[385,386,387,388,389,390,391],"Flutter","Dart","Android Native","Hardware Sensors","State Machine (FSM)","Drift \u002F SQLite","Offline-First","projects\u002Fen\u002Fflip-to-focus","Replace screen-on timer apps with an instinctive physical ritual: place the phone face down to engage uninterrupted deep focus with zero visual glare.","Apw3RT5lAq6TnP0LS30AD4oBhzFT6uMRIt4X1Oze8S4",{"id":396,"title":397,"approach":398,"body":399,"challenges":7,"context":7,"date":448,"description":449,"expectedOutcome":450,"extension":88,"featured":89,"github":451,"image":7,"link":7,"liveUrl":7,"meta":452,"motivation":453,"navigation":89,"path":454,"repoUrl":451,"results":7,"role":455,"seo":456,"slug":457,"solution":7,"stack":458,"status":216,"stem":464,"vision":465,"wireframe":7,"year":289,"__hash__":466},"projects\u002Fprojects\u002Fen\u002Fflow-api.md","Flow API — Workflow Engine & Decision Processing","Engineered with TypeScript and the AdonisJS MVC framework. Relational data modeling with Lucid ORM on PostgreSQL. Hardened security with signed JWT tokens, fine-grained RBAC roles, and append-only event logging. Asynchronous notification queues powered by Redis.",{"type":9,"value":400,"toc":444},[401,405,408,412],[12,402,404],{"id":403},"system-vision","System Vision",[17,406,407],{},"Flow API is a backend orchestrator designed to coordinate review stages, technical evaluations, and committee approvals for organizations processing high-stakes application volumes.",[12,409,411],{"id":410},"core-capabilities-technical-highlights","Core Capabilities & Technical Highlights",[25,413,414,420,426,432,438],{},[28,415,416,419],{},[31,417,418],{},"Finite State Machine",": Enforces strict phase transitions ensuring no file is approved without meeting all prerequisite criteria.",[28,421,422,425],{},[31,423,424],{},"Role-Based Access Control (RBAC)",": Fine-grained permissions (Reviewer, Auditor, Approver, Administrator).",[28,427,428,431],{},[31,429,430],{},"Immutable Audit Trail",": Detailed event tracking recording user ID, certified timestamp, IP address, and state mutations.",[28,433,434,437],{},[31,435,436],{},"Asynchronous Queue Workers",": High-throughput background processing of emails, webhooks, and alerts using Redis.",[28,439,440,443],{},[31,441,442],{},"OpenAPI \u002F Swagger Contract",": Standardized interface documentation facilitating rapid integration with any web or mobile client.",{"title":79,"searchDepth":80,"depth":80,"links":445},[446,447],{"id":403,"depth":80,"text":404},{"id":410,"depth":80,"text":411},"2026-03-25","Modular RESTful API for application processing and automated decision workflows: AdonisJS MVC architecture, RBAC access control, immutable audit trail, and Redis queues.","Tamper-proof audit logging for every decision, sub-40ms response times on critical endpoints, and automated integration test coverage.","https:\u002F\u002Fgithub.com\u002FDjam18\u002Fflow-api",{},"Enterprise software operations require strict separation of concerns and an unalterable audit log to satisfy modern compliance and data governance standards.","\u002Fprojects\u002Fen\u002Fflow-api","Backend & Security Architect",{"title":397,"description":449},"flow-api",[459,460,101,461,359,462,360,463],"AdonisJS","Node.js","Lucid ORM","Redis","GitLab CI\u002FCD","projects\u002Fen\u002Fflow-api","Deliver a robust, highly configurable backend engine to orchestrate complex application lifecycles (funding requests, credit approvals, internal reviews) with complete traceability.","huL2FUoqVXfXUFn6rP-_CU4ioyU0ZvT9t-30rSdeEF4",{"id":468,"title":469,"approach":470,"body":471,"challenges":7,"context":7,"date":475,"description":476,"expectedOutcome":477,"extension":88,"featured":89,"github":478,"image":479,"link":7,"liveUrl":7,"meta":480,"motivation":481,"navigation":89,"path":482,"repoUrl":478,"results":7,"role":483,"seo":484,"slug":485,"solution":7,"stack":486,"status":103,"stem":492,"vision":493,"wireframe":7,"year":289,"__hash__":494},"projects\u002Fprojects\u002Fen\u002Fpme-hub.md","PME-Hub & Scan — SME Diagnostic & Eligibility Gateway (AI)","Strict decoupled architecture: Next.js 15 frontend with offline-resilient local persistence, coupled with a high-security AdonisJS v6 REST API. VineJS zero-trust validation, Lucid ORM atomic transactions, and Google Gemini prompt orchestration with strict 8-second algorithmic fallback.",{"type":9,"value":472,"toc":473},[],{"title":79,"searchDepth":80,"depth":80,"links":474},[],"2026-03-01","Institutional platform for enterprise maturity assessment and strategic orientation: decoupled Next.js 15 & AdonisJS v6 architecture, Google Gemini AI integration with deterministic fallback \u003C 8s, and ASIN\u002FADPME compliance.","End-to-end self-assessment completed in \u003C 10 min, instant AI-generated strategic roadmaps across 3 pillars, and bulletproof zero-IDOR security via UUID v4.","https:\u002F\u002Fgitlab.com\u002Fadpme\u002Fpme-hub","\u002Fimages\u002Fportfolio\u002Fbiz-portal.png",{},"Manual SME audits were slow, fragmented, and difficult to standardize, delaying critical access to government funding and strategic advisory.","\u002Fprojects\u002Fen\u002Fpme-hub","Lead Full-Stack Architect & AI Integration",{"title":469,"description":476},"pme-hub",[487,488,489,101,100,490,461,359,491,360],"Next.js 15","React 19","AdonisJS v6","VineJS","Google Gemini AI","projects\u002Fen\u002Fpme-hub","Empower SMEs and institutional advisors with an intelligent self-service portal to assess business maturity and instantly generate actionable strategic growth roadmaps.","6oO3iptb-VCPGN3K-c3zHRqRmJwBV4ncDG83ryapQeg",1792236097250]