Skip to content
View Wolf-Root's full-sized avatar
🎯
Focusing
🎯
Focusing

Block or report Wolf-Root

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.

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
Wolf-Root/README.md

YOUSSEF

Frontend Engineer

Agadir, Morocco Β· Remote
youssfoficil@gmail.com Β· github.com/Wolf-Root Β· linkedin.com/in/youssefakm Β· youssef.vivro.dev


Summary

Frontend Engineer with over 3 years of experience specializing in modern React and Next.js ecosystems, performance-first UI architecture, and premium web experiences. Founder of VIVRO. Engineered and deployed production-grade interfaces with emphasis on clean component patterns, scalable styling systems, technical SEO, motion systems, and measurable speed optimization across devices.


Experience

Founder & Lead Frontend Engineer β€” VIVRO

06/2026 β€” Present Β· Remote Β· Vivro.dev

  • Engineered and deployed a high-performance public digital web agency platform with a polished, production-ready frontend on a custom domain.
  • Configured custom DNS routing and Vercel deployment workflows while optimizing technical SEO metadata for stronger search indexation.
  • Leveraged an AI-assisted development ecosystem (Cursor and Claude Code CLI) to maintain clean component architecture and code maintainability.
  • Delivered client and product work under the VIVRO brand, including luxury marketing sites, interactive portfolios, and a free micro-SaaS.

Lead Frontend Engineer β€” STARADA

2026 Β· VIVRO Β· Starada

  • Built an ultra-luxury mobility flagship as a cinematic editorial experience for high-intent clients in Morocco β€” atmosphere first, then fleet, then concierge conversion.
  • Implemented GSAP hero entrances, scroll reveals, and a transform-based fleet carousel with restrained brand-led UI (obsidian, champagne, gold).
  • Shipped a validated concierge inquiry flow (React Hook Form + Zod) and discoverability via metadata, local-business JSON-LD, and dynamic OG images.

Full-Stack Engineer β€” SEO Competitor Monitor

2026 Β· VIVRO Β· Seocompetitor

  • Shipped a free multi-tenant micro-SaaS for competitor rank tracking with one-click SERP sync via Serper.dev and ranking history for trend charts.
  • Integrated Google Gemini to generate strategic AI SEO reports, including Arabic-ready recommendations when stakeholders need them.
  • Secured private-by-default data with Supabase Auth and row-level security; localized SERP settings by country and language.

Frontend Engineer β€” Atelier Meridian

07/2026 Β· VIVRO Β· Premium Prchitecture Studio

  • Developed an interactive digital portfolio platform for an architectural studio, delivered as a live performance piece under a VIVRO subdomain.
  • Implemented high-fidelity layout transitions and fluid web animations using GSAP and Framer Motion to present structural imagery seamlessly.
  • Achieved optimal performance scores across mobile and desktop through image loading optimization and efficient DOM tree rendering.

Frontend Engineer β€” VERDANO

05/2026 β€” 06/2026 Β· Remote Β· Pepiniere Verdano

  • Designed and architected a production-ready showcase template tailored for high-end green energy and agricultural commercial environments.
  • Implemented advanced Next.js dynamic client-side rendering and state management to handle asynchronous data streams seamlessly.
  • Applied complex Tailwind CSS utility layouts, ensuring pixel-perfect responsiveness and semantic structure across all viewports.

Selected Projects

Project Role Stack highlights Live
Personal Portfolio Frontend Engineer Next.js 16, Motion, GSAP, Lenis, SEO/GEO Youssef
STARADA Lead Frontend Engineer Next.js, GSAP, RHF, Zod, local SEO Starada
SEO Competitor Monitor Full-Stack Engineer Next.js, Supabase, Serper, Gemini Seocompetitor
VIVRO Founder & Lead FE Next.js, Motion, Vercel, Technical SEO vivro.dev
Atelier Meridian Frontend Engineer Next.js, GSAP, Motion Premium Prchitecture Studio
VERDANO Frontend Engineer Next.js, Tailwind, async CSR Pepiniere Verdano

Skills

Core Frontend & Frameworks
HTML5, CSS3, JavaScript (ES6+), TypeScript, React.js, Next.js (App Router)

UI / UX & Styling Systems
Tailwind CSS, shadcn/ui, Responsive Web Design, Accessibility

Animations & Interaction
Motion (Framer Motion), GSAP / ScrollTrigger, React Hook Form, Zod

Full-Stack & Data
Supabase (Auth, Postgres, RLS), Resend, Recharts

Optimization & Discoverability
Website Performance & Speed Optimization, Core Web Vitals, Technical SEO, Structured Data / GEO

Systems & Tools
Git, GitHub, Linux Shell, Bash, n8n Workflow Automation, Cursor AI, VS Code, Vercel


Education

Software Engineering Immersive
1337 Coding School (UM6P) Β· 08/2026 β€” Present


Certifications

  • Front End Development Libraries β€” freeCodeCamp Β· 06/2025
  • JavaScript Algorithms and Data Structures β€” freeCodeCamp Β· 05/2025
  • Responsive Web Design β€” freeCodeCamp Β· 05/2025

Languages

English Β· French Β· Arabic

Popular repositories Loading

  1. Bookmark Bookmark Public

    A clean and responsive landing page for a bookmark manager. This project is frontEnd only (no functionality), built with Next.js, Tailwind CSS, and MUI (Material-UI), enhanced with GSAP Animations …

    TypeScript 3

  2. Vitalways Vitalways Public

    Vitalways: An immersive, animated landing page for a mocktail brand. Built with Next.js, Tailwind CSS, and MUI, featuring advanced GSAP ScrollTrigger animations for a captivating visual experience.

    TypeScript 3

  3. landing-page landing-page Public

    A landing page created with React.js, styled with Tailwind CSS, and animated with Framer Motion.

    JavaScript 2

  4. Wolf-Root Wolf-Root Public

    2

  5. create-React-Vite create-React-Vite Public

    Quickly create a React project using Vite, with Tailwind CSS and Font Awesome pre-installed.

    Shell 2

  6. Frontend-Mentor Frontend-Mentor Public

    About Complete Frontend Mentor Learning Paths with responsive, real-world UI challenges built using modern frontend technologies.

    HTML 2