Muriel MARCHAL

Développeuse Web FullStack

Qui je suis ...

Minutieuse, autonome, persévérante, créative et curieuse, j’aime découvrir de nouvelles technologies et créer, je suis disponible pour un poste de développeuse web.
développeuse web fullstack curieuse et créative
artiste peintre et sculptrice en grès passionnée
Membre de Frontend Mentor
Membre de CodinGame

Mes technos

Technologies Frontend

HTML
CSS
SASS
JavaScript
VueJS
Angular
Typescript

Technologies Backend

Java EE
Spring-Boot
JUnit 5
Node JS
Express JS

Technologies Bases de Données

MongoDB
MySQL Workbench
PostgreSQL

Outils de développement

FIGMA
VSCode
Intellij
GitHub
Insomnia
Postman

Autres Technologies

Krita
Blender
Epic Game
Scratch

Mes Formations

2024 : POE développeuse Fullstack Java

Projet Spring-Boot Pokemons

×
Projet Spring-Boot en équipe

Spring-Boot - PostgreSQL
Projet Appli-CRM Angular

×
Projet CRM Angular en équipe

Angular
Projet Bootstrap

×
4 Projets Bootstrap et page d'accueil

Bootstrap

2021-2022 : formation de développeur web chez OpenClassroom

1er projet mise en place de la veille informationnelle
2e projet Transformer une maquette en site web (HTML-CSS) avec le site d’hébergement de vacances Booki

×
Transformer une maquette en site web avec le site d’hébergement de vacances Booki

HTML - CSS
3e projet Dynamiser une page web avec des animations CSS (HTML-SASS-GITHUB) avec le site des restaurants Ohmyfood

×
Dynamiser une page web avec des animations CSS avec le site des restaurants Ohmyfood

HTML - SASS - GITHUB
4e projet Optimiser un site web existant (SEO) pour le faire passer en tête des résultats google avec le site de l'agence Chouette

×
Optimiser un site web existant (SEO) pour le faire passer en tête des résultats google avec le site de l'agence Chouette

SEO - lighthouse
5e projet Construire un site e-commerce (HTML-CSS-JS) avec le site commercial Kanap

×
Construire un site e-commerce avec le site commercial Kanap

HTML - CSS - JS
6e projet Construire une API sécurisée pour une application d’avis gastronomiques (Node.js-MongoDB-Express-OWASP)

×
Construire une API sécurisée pour une application d’avis gastronomiques

Node.js-MongoDB-Express-OWASP
7e projet Créer un réseau social d’entreprise (Vue.js-MySQL Workbench)

×
Créer un réseau social d’entreprise

Vue.js - Node.js - MySQL Workbench

Skilleos

VueSchool

Compétences acquises

Mes réalisations

6 projets formation OpenClassroom développeur web

Projet Booki

page d'accueil Booki

Deuxième projet : HTML-CSS-Flexbox, intégration d'une maquette

Projet Ohmyfood

pages menus Ohmyfood

Troisième projet : HTML-SASS-GitHub, animations, transitions, environnement frontend

Projet la Chouette Agence

page d'accueil la chouette agence

Quatrième projet : SEO, référencement site web, accessibilité, optimisation, écrire du code maintenable

Projet Kanap

page d'accueil Kanap

Cinquième projet : JavaScript pour un site de e-commerce à partir des données du backend

Projet Piiquante

Sixième projet : CRUD, mise en place du backend avec node.js & de la base de données MongoDB

Projet Groupomania

Septième projet : Frontend : Vue.js & backend : node.js & base de données : MySQL Workbench

35 Frontend Mentor Challenges

tip-calculator-app-main

Frontend Mentor Challenge

projet HTML CSS JS

calculator-app-main

Frontend Mentor Challenge

projet HTML CSS JS

age-calculator-app-main

Frontend Mentor Challenge

projet HTML CSS JS

time tracking dashboard main

Frontend Mentor Challenge

projet HTML SASS JS

expenses-chart-component-main

Frontend Mentor Challenge

projet HTML SASS JS

Advice-generator-app

Frontend Mentor Challenge

projet HTML SASS JS

four-card-feature-section-master

Frontend Mentor Challenge

projet HTML CSS

recipe-page-main

Frontend Mentor Challenge

projet HTML SASS

newsletter sign up with success message main

Frontend Mentor Challenge

projet HTML SASS JS

sunnyside-agency-landing-page-main

Frontend Mentor Challenge

projet HTML SASS JS

interactive card details form main

Frontend Mentor Challenge

projet HTML SASS JS

intro-component-with-signup-form-master

Frontend Mentor Challenge

projet HTML SASS JS

bookmark-landing-page-master

Frontend Mentor Challenge

projet HTML SASS JS

article-preview-component-master

Frontend Mentor Challenge

projet HTML SASS JS

fylo-data-storage-component-master

Frontend Mentor Challenge

projet HTML SASS JS

interactive pricing component main

Frontend Mentor Challenge

projet HTML SASS JS

huddle-landing-page-with-alternating-feature-blocks-master

Frontend Mentor Challenge

projet HTML SASS

clipboard-landing-page-master

Frontend Mentor Challenge

projet HTML CSS

huddle-landing-page-with-single-introductory-section-master

Frontend Mentor Challenge

projet HTML CSS

huddle-landing-page-with-curved-sections-master

Frontend Mentor Challenge

projet HTML SASS

order-summary-component-main

Frontend Mentor Challenge

projet HTML CSS

notification-page-main

Frontend Mentor Challenge

projet HTML CSS JS

interactive-rating-component-main

Frontend Mentor Challenge

projet HTML CSS JS

3-column-preview-card-component-main

Frontend Mentor Challenge

projet HTML CSS

stats-preview-card-component-main

Frontend Mentor Challenge

projet HTML CSS

blog preview card main

Frontend Mentor Challenge

projet HTML SASS

social links profile main

Frontend Mentor Challenge

projet HTML SASS

profile-card-component-main

Frontend Mentor Challenge

projet HTML CSS

nft-preview-card-component-main

Frontend Mentor Challenge

projet HTML CSS

news-homepage-main

Frontend Mentor Challenge

projet HTML CSS JS

social-proof-section-master

Frontend Mentor Challenge

projet HTML CSS

qr-code-component-main

Frontend Mentor Challenge

projet HTML CSS

Product preview card component

Frontend Mentor Challenge

projet HTML CSS

Chat app CSS illustration

Frontend Mentor Challenge

projet HTML CSS

Results summary component

Frontend Mentor Challenge

projet HTML CSS

& mes autres projets ...

Applications / API

Application for translation

application de traduction

Notes App

Toast Notifications

Toast Notifications

APP Movies Search Api

app movies search api

Application API guide Countries

app guide countries

Application for food recipes with API

app food recipes

IA image generation website

générateur d'img

App Quiz

Password Generator

password generator

Show-Hide Password

show-hide password

Password Strength Check

password strength check

Animate Monkey for Login Form

animated monkey login form

QR-Code Reader

QR-Code Generator

generator qr-code

Custom Captcha

generator qr-code

Tags Input Box

Api Random Quotes Generator

api random quotes generator

Currency Converter App

currency converter app

API English Dictionnary App

api english dictionnary

Cookie consent box

Dynamic Calendar

dynamic calendar

Resize and Compress Images

resize and compress img

PDF Converter

converter for img

Easy Image Editor

easy img editor

Gradient Color Generator

gradient color generator

Random Palette Color Generator

random palette color generator

Images Comparison Slider

img comparison slider

Product Card with tricky hover effects

product card with hover animation

Jeux / Games

jeu Memory

Tic Tac Toe Game

tic tac toe game

Rock Paper Scissors Game

rock paper & scissors game

Game Dice Roll

Le jeu du Serpent / Snake game

Lucky Spinning Wheel Game

lucky spinning wheel game

New Roll Dice

Simple Drawing App

Word Guessing Game

word guessing game

Animations

Carousel 3D Yoko Tsuno

carousel 3D with Yoko Tsuno

Carousel automatique des Schtroumpfs

carousel automatique des Carousel_Schtroumpfs

Cube photos 3D

3D Animated Cards Effects

3D animated card effects

Boule liquide

Glass Ball Particle animation effects

glass ball particle effects

Animated Eyes follow mouse

animated eyes follow mouse

CSS Emoji stars Rating Widget

emoji stars rating widget

Emoji range slider

emoji range slider

Emoji Spinner Wheel

Emoji Spinner Wheel

Cube photos 3D en JavaScript

Galerie photos

Image 2D to 3D

Unfold Image on hover

unfold img on hover

Bird Text Hover Animation

img behind text hover

Animated profil card

animated profil card

Text Reveal from Smoke

text reveal from smoke

Zoom in apparition

zoom in apparition

Happy Holi

happy holi animation effects

Animation effects in circle colors

animation effects in circle colors

Static Harmony Background

static harmony background

CSS creative animation with hover effects

CSS creative animation with hover effects

Particles Animation

particles animation

Rotating squares with @property

rotating squares

Animated Responsive Cards with hover effects

animated responsive cards with hover effects

Image Zoom on Hover

Image Zoom on Hover

focus light with mouse move

CSS Cloud Banner Animation Effects

Hand Print scanning animation effects

hand print scanning animation effects

Eyes following mouse move

eyes following mouse

draw line around button with hover

line around button on hover

Flow Field Background Animation

flow field background animation

Canvas Feedback Particles

canvas feedback particles

Particles changing colour

particles changing colour

Line Burst Background Animation

line burst background animation

Colorful Rain Animation Effects

colorful rain animation effects

Animated Background in CSS

animated responsive cards with hover effects

Fireworks Animation

fireworks animation

Soap Bubbles Animations

soap bubbles animation

Bubbly Background Animation Effects

bubbly background animation effects

Effet Matrix

effet neige sur Chambord

snow in Chambord

& autres projets JS

Digital Clock

Electronic Clock

electronic clock

Age Calculator

Chronomètre

Compte à rebours

countdown timer

Horloge Alarme

Calculator CSS

Playable Piano

Animated circular navigation menu

animated circular navigation menu

Projet Tout le monde aime Raymond

projet seerie Everybody Loves Raymond

Langues parlées

Français
Anglais
Allemand
Suédois
Danois
Islandais (lu)

Mes centres d'intérêt

modelage en terre
peinture à l'huile et à l'acrylique
tissages en perles
graphisme
puzzle
civilisation amérindienne, same et groenlandaise