Marion Viault

Frontend web developer

Welcome to my humble website!

I've been working in a small web agency for about 10 years as a developer, where I mainly do markup development, jQuery and CMS development, and I'm also a freelancer.

To deepen my frontend knowledge, I took React and Vue training courses and did small personal projects to practice.
But as my curiosity about the various aspects of the web doesn't stop there, I also manage my server, that I use to host my multiple projects, and I've also started backend by creating my first API in Symfony 7!

Working environment: LEMP (Ubuntu, Nginx, Maria DB, PHP), Docker, GitLab CI.

Squirtle Squirtle Adding Pet rescue API

Creating a frontend for my API "Pet rescue" (Porygon).

  • Styled components logo Styled components
  • Jest logo UT Jest

Porygon Porygon

Development of a REST API in Symfony 7. First personal backend project.
I chose Symfony and not Node to start with because my experience in CMS meant I work a lot with PHP.

  • API REST
  • Symfony 7 logo Symfony 7
  • Doctrine logo Doctrine
  • PHP logo PHP >= 8 meaning type system
  • Migrations
  • Authentification
  • Validator
  • Security
  • JWT logo JWT
  • Routes restrictions
  • DTO
  • Query builder
  • Paginator
  • HTTP requests
  • Error handling
  • Postman Postman, environment variables, script

Squirtle Squirtle Chuck Norris Pokédex

2 experimental projects aimed to practice Next :
- Using ChuckNorris.io to generate random jokes
- Using PokéApi to create a Pokédex

  • Docker logo Docker
  • Gitlab CI logo Gitlab CI
  • NextJS logo NextJS
  • SSR
  • Tokenless API
  • Routing
  • Promises
  • Typescript logo Typescript

Pianos prélude icon Pianos Prélude

Landing page I made for a friend to practice Next.

  • JSON logo JSON import for contribution
  • Gitlab CI logo Gitlab CI
  • Maintenance
  • NextJS logo NextJS
  • Tailwind logo Tailwind
  • Typescript logo Typescript
  • React logo Hooks React
  • Webdesign

Poissy Volley icon Poissy Volley

WordPress I made for my city's Volleyball association.
I defined the need, wrote the specs and made the mockups as a freelancer.
I then brought the project to my company for the development phase, in which I participated.
Today, I'm back in charge of the maintenance.

  • Wordpress logo Wordpress
  • Site building
  • Gitlab CI logo Gitlab CI
  • Maintenance
  • OOP
  • jQuery logo jQuery
  • Stylus logo Stylus
  • Webdesign

LIVE Corp. icon LIVE Corp.

My very first freelance project I made for friends.
I defined the requirements, wrote the specs, made the mockups and developed the site on Drupal 7.
I was responsible for maintenance until January 2025, date of the D7 EOL.

  • Drupal 7 logo Drupal 7
  • Site building
  • Modules
  • PHP logo PHP 5.6 to 7.4 to 8.2 migration
  • Gitlab CI logo Gitlab CI
  • FTP to git migration
  • Maintenance
  • jQuery logo jQuery
  • Stylus logo Stylus
  • Webdesign

Marion Viault v1 logo Mew - Portfolio v1

My first 2 static portfolios, created during my graphic design studies, to showcase my webdesign and css projects.

  • HTML logo HTML
  • CSS logo CSS
  • jQuery logo jQuery
  • Webdesign