updated cv

beumsk · Nov 27, 2023 · dc0225f · dc0225f
1 parent ad6fde7
commit dc0225f
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 28 deletions.
diff --git a/README.md b/README.md
@@ -32,6 +32,7 @@ This will trigger Github Action and deploy the changes to gh-pages.
 
 ## TODO
 
+- shorten cv old web experience?
 - add new projects (todolist?)
 - review images (avoid bg-img, use different resolutions: https://dev.to/builderio/optimal-images-in-html-5bg9)
 - review design: https://anthonyhobday.com/sideprojects/saferules/

diff --git a/data/projects.js b/data/projects.js
@@ -7,12 +7,12 @@ const projects = [
     past: 'https://web.archive.org/web/20211213130150/https://app.staging.parcomega.ca/en/',
     img: '/images/projects/omega.jpg',
     screen: '/images/projects/omega-screen.png',
-    modified: '2023-04-27',
+    modified: '2023-11-27',
     intro:
       'Omega zoo booking website with React. Information about the park and its animals as well as ability to book your stay, table or entrance via ticketing system.',
     tech: ['react', 'html', 'css', 'javascript'],
     chall: [
-      'Integration and frontend development from Figma designs to React and CSS-in-JS coding',
+      'Integration and front-end development from Figma designs to React and CSS-in-JS coding',
       'Use Styled-system and Emotion for styling',
       'Complex components in the likes of a Swiper, a Carousel, Deep navigation bar and Filtering',
       'Used recent CSS features in the names of Image clip-path and CSS grids',
@@ -28,12 +28,12 @@ const projects = [
     past: 'https://web.archive.org/web/20220714150729/https://www.parispadelmajor.com/',
     img: '/images/projects/padel.jpg',
     screen: '/images/projects/padel-screen.png',
-    modified: '2023-04-27',
+    modified: '2023-11-27',
     intro:
       'Paris Premier Padel Major website built with React. PPPM official website giving access to the latest news, pictures and videos as well as live scoring and ticketing system.',
     tech: ['react', 'html', 'css', 'javascript'],
     chall: [
-      'Frontend development from Figma design using React and CSS-in-JS',
+      'Front-end development from Figma design using React and CSS-in-JS',
       'Use Styled-system and Emotion for styling',
       'Used advanced CSS grid developed for the layout of the blog, image and video items',
       'Ensured responsiveness of the different components of the site',
@@ -50,12 +50,12 @@ const projects = [
     past: 'https://web.archive.org/web/20211213130244/https://app.staging.onomohotels.com/',
     img: '/images/projects/onomo.jpg',
     screen: '/images/projects/onomo-screen.png',
-    modified: '2023-04-27',
+    modified: '2023-11-27',
     intro:
       'Onomo hotels booking website with React. Possibility to search and book hotels through a complete booking journey.',
     tech: ['react', 'html', 'css', 'javascript'],
     chall: [
-      'Integration and frontend development from Figma designs to React and CSS-in-JS coding',
+      'Integration and front-end development from Figma designs to React and CSS-in-JS coding',
       'Use Styled-system and Emotion for styling',
       'Complete booking process with advanced forms such as a Date picker, phone numbers (regex) and custom select',
     ],

diff --git a/pages/_app.js b/pages/_app.js
@@ -3,8 +3,8 @@ import { useRouter } from 'next/router';
 import Head from 'next/head';
 import AOS from 'aos';
 
-import 'aos/dist/aos.css';
 import 'public/styles/font-import.css';
+import 'aos/dist/aos.css';
 import 'public/styles/style.scss';
 
 // This default export is required in a new `pages/_app.js` file.

diff --git a/pages/blog/set-up-sass-in-the-best-way.mdx b/pages/blog/set-up-sass-in-the-best-way.mdx
@@ -2,7 +2,7 @@
 title: 'Set up Sass in the best way'
 intro: 'How to set up Sass with the best compiling settings and start developing with it'
 published: '2023-04-06'
-modified: '2023-04-07'
+modified: '2023-11-27'
 categories: 'sass, css, tutorial'
 ---
 
@@ -25,7 +25,7 @@ Before diving into Sass, it's important to differentiate its two syntaxes:
 
 In this piece, I will use the SCSS syntax over the Sass one because I find it more readable.
 
-Some frontend frameworks give you a working environment with Sass compiling capabilities out of the box. Create React App does for example. But how do you set up the Sass compiler on your own?
+Some front-end frameworks give you a working environment with Sass compiling capabilities out of the box. Create React App does for example. But how do you set up the Sass compiler on your own?
 
 ## Installing Sass
 

diff --git a/pages/resume-remy-beumier.js b/pages/resume-remy-beumier.js
@@ -21,7 +21,7 @@ export default function Resume({ title, description, url }) {
       <article className="resume">
         <section className="resume__name">
           <h1>Rémy Beumier</h1>
-          <p className="subtitle">Frontend Developer</p>
+          <p className="subtitle">Front-end Developer</p>
         </section>
 
         <section className="resume__contact">
@@ -57,23 +57,47 @@ export default function Resume({ title, description, url }) {
           </h2>
 
           <div className="item">
-            <h3>Frontend Developer & Integrator</h3>
+            <h3>Front-end Developer</h3>
+            <p className="detail">VOO // June 2023 - Now</p>
+            <p className="intro">
+              Front-end developer at VOO in service experience team. Different web and mobile projects, from scratch or
+              to improve, using React, React Native, TypeScript, Node.js and Firebase.
+            </p>
+
+            <h4>Wall-e: web app in React and Node.js</h4>
+            <ul>
+              <li>Type safety with TypeScript</li>
+              <li>Automation scripts with Testcafe</li>
+              <li>Front-end development in React, TS, CSS-in-JS</li>
+              <li>Back-end improvements in Node.js, MySQL and Firebase</li>
+            </ul>
+
+            <h4>Voices: mobile app in React Native and Firebase</h4>
+            <ul>
+              <li>React Native development with Expo for iOS and Android</li>
+              <li>Real time database with Firebase</li>
+              <li>Real time data, chat and notifications</li>
+            </ul>
+          </div>
+
+          <div className="item">
+            <h3>Front-end Developer & Integrator</h3>
             <p className="detail">Positive Thinking Company // November 2020 - Now</p>
             <p className="intro">
-              Frontend developer and integrator in the PTC Delivery Center, I worked on different projects, mostly in
+              Front-end developer and integrator in the PTC Delivery Center, I worked on different projects, mostly in
               React, using industry standards such as Scrum agile, Git, Npm, Confluence, Jira and Figma.
             </p>
 
             <h4>Paris Padel Major: Padel tournament website.</h4>
             <ul>
-              <li>Frontend development from Figma design using React and CSS-in-JS (Emotion & Styled-system)</li>
+              <li>Front-end development from Figma design using React and CSS-in-JS (Emotion & Styled-system)</li>
               <li>Used advanced CSS grid developed for the layout of the blog, image and video items</li>
               <li>Conducted tests with Jest and React Testing Library</li>
             </ul>
 
             <h4>Onomo: African hotels website</h4>
             <ul>
-              <li>Integration and frontend development from Figma designs to React and CSS-in-JS coding</li>
+              <li>Integration and front-end development from Figma designs to React and CSS-in-JS coding</li>
               <li>
                 Complete booking process with advanced forms such as a Date picker, phone numbers (regex) and custom
                 select
@@ -83,7 +107,7 @@ export default function Resume({ title, description, url }) {
 
             <h4>Omega: Canadian zoo website</h4>
             <ul>
-              <li>Integration and frontend development from Figma designs to React and CSS-in-JS coding</li>
+              <li>Integration and front-end development from Figma designs to React and CSS-in-JS coding</li>
               <li>Complex components in the likes of a Swiper, a Carousel, Deep navigation bar and Filtering</li>
               <li>Used recent CSS features in the names of Image clip-path and CSS grids</li>
             </ul>
@@ -93,16 +117,10 @@ export default function Resume({ title, description, url }) {
               <li>Integration development from InVision designs to Angular and Sass</li>
               <li>CSS from scratch with Sass leveraging Grids and Multi-columns layouts</li>
             </ul>
-
-            <h4>iHub: Banking platform</h4>
-            <ul>
-              <li>Integration development from Sketch designs to Angular and Sass</li>
-              <li>Added theming with CSS custom properties</li>
-            </ul>
           </div>
 
           <div className="item">
-            <h3>Frontend Developer</h3>
+            <h3>Front-end Developer</h3>
             <p className="detail">BICS // August 2022 - December 2022</p>
             <p className="intro">
               Front-end developer on a 5-month long mission to manage the development of two BICS Components libraries.
@@ -132,10 +150,10 @@ export default function Resume({ title, description, url }) {
           </div>
 
           <div className="item">
-            <h3>Frontend Developer</h3>
+            <h3>Front-end Developer</h3>
             <p className="detail">KPMG Belgium // May 2017 - November 2020</p>
             <p className="intro">
-              Development and improvement of internal websites working with different frontend languages (e.g., HTML,
+              Development and improvement of internal websites working with different front-end languages (e.g., HTML,
               CSS, JS) and transversal tools.
             </p>
 
@@ -208,9 +226,13 @@ export default function Resume({ title, description, url }) {
           <h4>Development skills</h4>
           <ul>
             <li>React</li>
+            <li>React Native</li>
             <li>JavaScript</li>
+            <li>TypeScript</li>
             <li>Redux</li>
             <li>Next.js</li>
+            <li>Node.js</li>
+            <li>Firebase</li>
             <li>CSS</li>
             <li>HTML</li>
             <li>Npm</li>
@@ -225,11 +247,7 @@ export default function Resume({ title, description, url }) {
             <li>Bootstrap</li>
             <li>Bulma</li>
             <li>Tailwind</li>
-            <li>MUI</li>
-            <li>Ant Design</li>
             <li>ES6</li>
-            <li>JSX</li>
-            <li>jQuery</li>
             <li>Git</li>
           </ul>
           <h4>Methodologies and Tools</h4>

diff --git a/public/remy-beumier-resume.pdf b/public/remy-beumier-resume.pdf