cv_2026/src/App.vue

<script setup lang="ts">
import JobDescription from './components/JobDescription.vue'
import LangLine from '@/components/Langline.vue'
import JobDates from '@/components/JobDates.vue'
import CompanyName from '@/components/CompanyName.vue'
import JobCard from '@/components/JobCard.vue'
import EducationCard from './components/EducationCard.vue'
import SideMenu from './components/SideMenu.vue'
</script>
<template>
  <div class="content">
    <SideMenu />
    <div>
      <div class="candidateHeader">
        <h1>Julien Laville</h1>
        <h2>Senior full-stack developer</h2>
      </div>
      <h3>EXPERIENCE</h3>
      <JobCard>
        <CompanyName>Easyence - Mediarithmics, Paris — Full - stack lead developer</CompanyName>
        <JobDates> February 2021 - February 2025 </JobDates>
        <JobDescription>
          Designing and developing high performance web application observing company target
          technology –
          <LangLine>React </LangLine>
          <LangLine>Typescript </LangLine>
          <LangLine>NodeJs </LangLine>
          Integrating new feature on multiple solution. Designing future target stack from PHP SSR
          to SPA, based on best practice – VueJs NodeJs PHP.
        </JobDescription>
      </JobCard>
      <JobCard>
        <CompanyName> JobTeaser, Paris 9 — Front - end engineer </CompanyName>
        <JobDates> may 2019 – January 2021 </JobDates>
        <JobDescription
          >Designing and developing React web application observing to company guideline – NodeJs,
          React.
        </JobDescription>
      </JobCard>
      <JobCard>
        <CompanyName> Qwant Research, Paris 16 — Front - end engineer </CompanyName>
        <JobDates>December 2017 - April 2019 </JobDates>
        High performance Maps application front - end development using VueJS, Axios, SCSS, vector
        tiles Build a tool maps application in vueJs
      </JobCard>
      <JobCard>
        <CompanyName>Qwant, Nice — Front - end engineer </CompanyName>
        <JobDates>October 2015 - November 2017 </JobDates>
        Core building for the Search application front - end in vanilla JavaScript, stack
        internationalization, automated build and quality control in collaboration with the CI team
        Qwant lite : an SSR version of Qwant search SPA in NodeJS and ExpressJS
      </JobCard>
      <JobCard>
        <CompanyName> CrossKnowledge Epistema, Nice — Front - end engineer </CompanyName>
        <JobDates> April 2014 - September 2014 </JobDates>
        Full replacement of jQuery UI module by extJs on the back - office application including
        calendar, charts, autocomplete
      </JobCard>
      <JobCard>
        <CompanyName> Air France, Sophia-Antipolis — Front - end engineer </CompanyName>
        <JobDates>July 2013 - mars 2014</JobDates>
        Content Management System integration for complex static webpage using jQuery UI and
        TeamSite CMS
      </JobCard>
      <JobCard>
        <CompanyName>Koedia - Sophia - Antipolis, Nice — Full - stack engineer </CompanyName>
        <JobDates> February 2012 - June 2013 </JobDates>
        Creation of new web services for plane reservation including test and monitoring Monitoring
        and Optimizing B2B & B2C web application Adding core features on the ticketing application
        RedMine
      </JobCard>
      <JobCard>
        <CompanyName>Self - employed WEB developer, Nice — Software developer</CompanyName>
        <JobDates>2009 - 2012</JobDates>
        Web portal and Shop Creation using Ruby on Rails framework"
      </JobCard>
      <JobCard>
        <CompanyName>I3S, Sophia - Antipolis, Nice — Developer(Intern)</CompanyName>
        <JobDates>June 2011 - august 2011</JobDates>
        Hoare logic based genetic network dynamic resolution application creation.
      </JobCard>
      <JobCard>
        <CompanyName
          >Nice Sophia - Antipolis university, Appliqued Language Laboratory LEA, Nice —
          Developer(Intern)
        </CompanyName>
        <JobDates>June 2010 - august 2010</JobDates>
        Translation and collaborative tool between student and teacher conception and realisation.",
        "Serious game making with complete story editor, game and story market place using early
        EcmaScript6 features and support.
      </JobCard>
      <JobCard>
        <CompanyName>Arkadia Consulting, Nice— Developer (Intern)</CompanyName>
        <JobDates>June 2009 - august 2009</JobDates>
        Making and designing two websites using Ruby on Rails with secured back - office
      </JobCard>
      <h3>EDUCATION</h3>
      <EducationCard>
        <EducationYear>2011</EducationYear> Nice Sophia - Antipolis university Computer science
        Master degree, engineering & foundations
      </EducationCard>
      <EducationCard>
        <EducationYear>2009</EducationYear> Nice Sophia - Antipolis university Mathematics &
        Computer science Licence
      </EducationCard>
      <h3>SKILLS</h3>
      <h4>Front end:</h4>
      HTML, CSS, JavaScript, Typescript, React, VueJs
      <h4>Back end:</h4>
      Java, NodeJs, PhP
      <h4>Databases:</h4>
      MySql, PostresSQL, SQLite
      <ul>
        <li>internationalization</li>
        <li>accessibility</li>
        <li>testability</li>
        <li>algorithmic complexity</li>
      </ul>
      <div>
        <h3>Hobbies</h3>
        <ul>
          <li>Home lab</li>
          <li>Radio Control FPV plane</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<style>
BODY {
  font-size: 1.2rem;
  background: #2c2c2c;
  color: var(--color-main);
  font-family: cascadia;
}

.content {
  display: flex;
}

.candidateHeader {
  margin-left: 200px;
}

H2 {
  letter-spacing: 2px;
  color: var(--color-secondary);
}

H3 {
  text-transform: uppercase;
}
</style>