Benjamin Morvan

Software engineer

Front-end architect

Full-stack web developer

Profile

“ I love web technologies as well as designing user-friendly interfaces to present data.

I prefer developing webapps with a software approach rather than websites; if possible, intervening in the whole stack.

I enjoy designing the front-end architecture to make sure a corporate identity and style guide is correctly implemented. While not being a pixel-perfect enthusiast, I would rather focus on storybooks, UI kits or design systems.

When it comes to building large applications for a brand, I am heavily influenced by SMACSS and BEM frameworks (with a less strict approach fueled by UI components) and generally speaking have a preference for business classes topped with utility classes over the other way around. I do love using Tailwind CSS when integrating smaller-sized web applications.

My favorite front-end framework is Vue.js and I like having a JS/TS-written back-end.

Professional experience

(9+ years)

Since Nov 2023

Full-stack web developer

Les Octets Libres

Software development and website generation with digital carbon footprint reduction.
- - Full-stack development and database management
- - Continuous integration and delivery automation
- - Technical debt analysis and removal
- - No-code integration
- - Customer relation and project estimate
- - UI design
Tools used
Sep 2019 - Oct 2023

Full-stack web developer

Octopus Energy France

Software development for green electricity consumption and consumption awareness.
- - Website, journey, and application development for clients (company website, account and consumption dashboard, subscription journey, blog, ...)
- - Front-end architecture
- - Design system setup and maintainance for microservices UI consistency in collaboration with designers
- - Front-end training of team members
- - Automated E2E testing
Tools used
Sep 2018 - Aug 2019

Full-stack web developer

ForCity

Software development for geoworking decision.
- - Front-end development
- - Design and technical specification
- - UX/UI thinking in collaboration with designers
Tools used
Sep 2015 - Sep 2018

Software engineer

Naval Group

R&D Software development for warships.
- - Full-stack development and database management
- - Software architecture implementation allowing evolving guidelines integration
- - UX/UI design
Tools used
Jan 2015 - Mar 2015

Web integrator

Parachute

Integration and deployment of responsive websites.
- - CMS integration based on boilerplates
- - Adaptive and responsive design integration
Tools used
Oct 2010 - June 2013

Co-manager and polyvalent musician

Music Act Fontaine

Live concert and rehearsal organisation.
- - Played the guitar, the drums and sung
- - Filled the bass guitar position when needed
Tools used

Education

2015 - 2018

Computer Science, Multimedia and Network engineering diploma

ENSSAT Lannion
- - Apprenticeship studies with Naval Group
2013 - 2015

Multimedia and Web Professions technology degree

Dijon University Institute of Technology
- - Third semester internship at Parachute
2010 - 2013

Science A levels

Lycée International Charles de Gaulle, Dijon
- - English and Computer Science majors
- - Music module

Projects

Prog Snack

Webapp to browse music albums from the Progressive Rock genre. Initially a Vue.js tryout and sandbox project, I mainly maintain its content from time to time.

Conditions:
- - Serverless
- - Zero-hosting-cost
- - Zero-deployment-cost
- - Databaseless (fast and easy way to edit the data through the code)
- - Vue.js 2
- - SCSS
- - Autodeployment
- - Responsive design
See the project live
Made with
NanoViZer

Interactive data-visualisation and chart-saver tool assisting researchers in their work. This is a front-end solution to be used with a locally-running server written in Python.

Conditions:
- - Interactive charts
- - Fewest impacts on the existing back-end solution
- - Zero-hosting-cost
- - Zero-deployment-cost
- - Vue.js 3
- - SCSS
- - D3.js
- - Autodeployment
See the project live
Made with
Attendance Sheet

Attendance sheet auto-filler based on ICOOPA's template. Initially a Tailwind CSS tryout project, I let Les Octets Libres team use it to save them the burden of printing then scanning back their attendance sheet.

Conditions:
- - Pre-fill sheet with default values (name, hours, public holidays)
- - Comply with ICOOPA's own template
- - Zero-hosting-cost
- - Zero-deployment-cost
- - Vue.js 3
- - Tailwind CSS
- - Autodeployment
See the project live
Made with
Nice Resume
Nice Resume

Nice Resume

[Work in progress...] Resume and cover letter builder with themes. Let the user customize and print documents that match his/her own brand design.

Conditions:
- - Template selection
- - Freedom of customization (not just colors and font sizes)
- - Real-time preview of data edition
- - Internationalization
- - Session saving and export
- - JSON Resume import and compatible export
- - Nuxt.js
- - Autodeployment
Made with
Ocean Plastic Tracker

Web application allowing users to visualize and report pre-defined marine debris on the coast. I help the developers maintain the front-end and migrate from Vue.js v1 to v3.

Conditions:
- - Cartography
- - Internationalization
- - Authentication
- - Vue.js 3
See the project live
Made with