---
import { Image } from "astro:assets";
import PageHeading from "../../components/page-heading.astro";
import Layout from "../../layouts/main.astro";
import Link from "../../components/Link.astro";
import logoTiqa from "../../assets/images/logo-tiqa-blanc.png";
---

<Layout title="Code - Jalil Arfaoui" facet="code">
  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
    <PageHeading
      title="Code"
      description="Over 20 years building software. Craftsmanship, TDD, DDD — and an obsession with the biases we unknowingly put into code."
    />

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">What I do</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        Freelance developer based in <strong class="text-gray-800 dark:text-neutral-200">Albi, France</strong>, I work with teams as a senior developer, tech lead or technical coach. I favor free software and tools that address real needs.
      </p>
      <p>
        I carefully code well-thought-out applications that meet real needs. I lead my team toward the best solutions and most effective implementations for each use case.
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">My strengths</h2>
    <div class="text-gray-600 dark:text-neutral-400 leading-relaxed">
      <ul class="list-disc list-inside space-y-2">
        <li>Writing stable, operational, maintainable, scalable and well-tested code</li>
        <li>Learning, and passing it on</li>
        <li>Working as a team</li>
        <li>Helping improve the team by raising issues and proposing solutions</li>
        <li>Autonomy: knowing what needs to be done and doing it</li>
      </ul>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">My values</h2>
    <div class="text-gray-600 dark:text-neutral-400 leading-relaxed">
      <ul class="list-disc list-inside space-y-2">
        <li>The <Link href="http://manifesto.softwarecraftsmanship.org/#/en" external>Software Craftsmanship</Link> movement</li>
        <li>The social usefulness of the developer</li>
        <li>Taking pride in your work, without ego</li>
        <li>Self-management, autonomy and responsibility</li>
        <li><strong class="text-gray-800 dark:text-neutral-200">Domain Driven Design</strong> approach</li>
        <li><Link href="https://agilemanifesto.org/iso/en/manifesto.html" external>Agile</Link> organization: iteration and continuous improvement</li>
      </ul>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">What I offer</h2>
    <div class="text-gray-600 dark:text-neutral-400 leading-relaxed">
      <ul class="list-disc list-inside space-y-2">
        <li><Link href="https://www.linkedin.com/in/jalil/" external>20 years of experience</Link> in software design</li>
        <li>A strong commitment to the quality and usefulness of my work</li>
        <li>User-centered development</li>
      </ul>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">What I'm looking for</h2>
    <div class="text-gray-600 dark:text-neutral-400 leading-relaxed">
      <ul class="list-disc list-inside space-y-2">
        <li>A mission serving the public interest</li>
        <li>A positive social and/or environmental impact</li>
        <li>Ideally non-profit</li>
        <li>Ideally open-source or free software</li>
        <li>A great team that wants to raise the bar</li>
      </ul>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Skills</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        <strong class="text-gray-800 dark:text-neutral-200">Languages</strong> — TypeScript/JavaScript, PHP, Elixir
      </p>
      <p>
        <strong class="text-gray-800 dark:text-neutral-200">Practices</strong> — TDD, Clean Code, Domain-Driven Design, hexagonal architecture, continuous refactoring
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Open source projects</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        <Link href="https://debats.co" external>Débats.co</Link> — A collaborative platform for synthesizing public debates.
      </p>
      <p>
        <Link href="https://github.com/dis-moi" external>DisMoi</Link> — A civic tech browser extension that adds contextual information to the web.
      </p>
      <p>
        <Link href="https://github.com/betagouv/mon-entreprise" external>mon-entreprise</Link> — The official assistant for entrepreneurs in France, a <Link href="https://beta.gouv.fr/" external>beta.gouv</Link> project.
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Community</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        I've been running the <Link href="https://www.meetup.com/software-crafters-albi/" external>Software Crafters Albi</Link> meetup since 2018. We gather regularly to discuss code, practices and software craftsmanship.
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Teaching</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        Software engineering professor at <Link href="https://www.univ-jfc.fr/" external>Université Champollion</Link> in Albi since 2019 (Master AMINJ and Bachelor in Computer Science). Also taught at <Link href="https://www.esn81.fr/" external>ESN 81</Link> in Castres (development best practices, Node.js).
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Background</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        Currently lead developer of <Link href="https://mon-entreprise.urssaf.fr/" external>mon-entreprise.urssaf.fr</Link> at <Link href="https://www.urssaf.fr/" external>Urssaf Caisse nationale</Link> — 20+ simulators deployed on public websites, one million users per month.
      </p>
      <p>
        Previously: CTO at <Link href="https://www.gobuild.fr" external>GoBuild</Link> (building modeling, Lyon), frontend architect at <Link href="https://www.araymond.com/" external>ARaymond</Link> (Grenoble), tech lead at <Link href="https://www.veepee.com/" external>Veepee</Link> (formerly vente-privee) where I led a team of 8 developers and co-founded the internal React Academy training program.
      </p>
      <p>
        Co-founder of <Link href="https://github.com/dis-moi" external>DisMoi</Link>, a civic tech browser extension. Founder of <Link href="https://jalil.arfaoui.net/team-logics" external>Team Logics</Link> (2007-2011), a web agency where I led a team of 6 for clients like ALD Automotive, Joué Club and Consuel.
      </p>
      <p>
        Self-taught developer since 2003. Best programming project of the 2003 class at <Link href="https://www.uvsq.fr/" external>UVSQ</Link>.
      </p>
    </div>
    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Online</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        <Link href="https://www.linkedin.com/in/jalil" external>LinkedIn</Link> · <Link href="https://www.malt.fr/profile/jalilarfaoui" external>Malt</Link> · <Link href="https://stackexchange.com/users/54164/jalil" external>Stack Overflow</Link> · <Link href="https://github.com/JalilArfaoui" external>GitHub</Link> · <Link href="https://framagit.org/jalil" external>Framagit</Link> · <Link href="https://forge.tiqa.fr" external>Personal forge</Link>
      </p>
    </div>
    <Image src={logoTiqa} alt="Tiqa logo" class="mx-auto mt-16 mb-4" width={200} />
  </section>
</Layout>