Qui je suis ...
Je me présente... Muriel Marchal
développeuse web junior curieuse et créative
artiste peintre et sculptrice en grès passionnée
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éveloppeur web
Membre de Frontend Mentor
Membre de
CodinGame
Mes technologies
HTML
CSS
SASS
JavaScript
VueJS
Node JS
Express JS
MongoDB
MySQL Workbench
FIGMA
VSCode
GitHub
Insomnia
Krita
Blender
Epic Game
Scratch
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
3e projet Dynamiser une page web avec des animations CSS (HTML-SASS-GITHUB) avec site des restaurants Ohmyfood
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
6e projet 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)
Skilleos
Javascript
Vue.js 2 & 3
MySQL
Node.js
Formation UX-Design
UX Design
les Fondamentaux
UX Design
Comprendre les besoins utilisateurs
UX Design
Générer des solutions pertinentes
UX Design
Structurer les contenus
UX Design
Concevoir des interfaces numériques
UX Design
Prototyper des produits numériques
UX Design
Tester et évaluer l'expérience
Nombre d'or et composition
VueSchool
The Vue.js 3 Masterclass
Vue 3 Composition API
Pinia: The Enjoyable Vue Store
Vue 3 Single File Components
Vue.js + Firebase Realtime Database
TypeScript Fundamentals
autres compétences acquises
UX-Design : Initiez-vous au Design Thinking, UX design : découvrez les
fondamentaux, Appropriez-vous la
démarche UX en pratique, Communiquez et formalisez vos idées par le storytelling, Menez
une recherche utilisateur, Appliquez la psychologie au design
Allez plus loin pour développer votre créativité, Animez un atelier de
créativité, Mise en Page avec In-Design
Découvrir la création créative avec Scratch, Développez votre premier jeu
vidéo avec l'Unreal Engine 4
Comprendre le Big Data à travers les films de cinéma
A la découverte d'UNIX (FreeBSD), Managez les droits de vos vidéos sur le web
(formation Ina)
Découpez et intégrez une maquette
Améliorer la visibilité des vidéos en ligne et leur accessibilité grâce au
sous-titrage, réussir un live streaming (formation LibCast)
Améliorez l'impact de vos présentations, Découvrez les bases de la gestion de projet,
Rédigez des écrits professionnels
Mes réalisations
6 projets formation OpenClassroom développeur web
Projet Booki
Deuxième projet : HTML-CSS-Flexbox, intégration d'une maquette
Projet Ohmyfood
Troisième projet : HTML-SASS-GitHub, animations, transitions, environnement
frontend
Projet la Chouette Agence
Quatrième projet : SEO, référencement site web, accessibilité,
optimisation, écrire du code maintenable
Projet 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
24 Frontend Mentor Challenges
tip-calculator-app-main
projet HTML CSS JS
calculator-app-main
projet HTML CSS JS
age-calculator-app-main
projet HTML CSS JS
four-card-feature-section-master
projet HTML CSS
recipe-page-main
projet HTML SASS
sunnyside-agency-landing-page-main
projet HTML SASS JS
article-preview-component-master
projet HTML SASS JS
fylo-data-storage-component-master
projet HTML SASS JS
huddle-landing-page-with-alternating-feature-blocks-master
projet HTML SASS
clipboard-landing-page-master
projet HTML CSS
huddle-landing-page-with-single-introductory-section-master
projet HTML CSS
order-summary-component-main
projet HTML CSS
notification-page-main
projet HTML CSS JS
interactive-rating-component-main
projet HTML CSS JS
3-column-preview-card-component-main
projet HTML CSS
stats-preview-card-component-main
projet HTML CSS
profile-card-component-main
projet HTML CSS
nft-preview-card-component-main
projet HTML CSS
news-homepage-main
projet HTML CSS JS
social-proof-section-master
projet HTML CSS
qr-code-component-main
projet HTML CSS
Product preview card component
projet HTML CSS
Chat app CSS illustration
projet HTML CSS
Results summary component
projet HTML CSS
& mes autres projets ...
Applications / API
Application for translation
Notes App
Toast Notifications
APP Movies Search Api
Application API guide Countries
Application for food recipes with API
IA image generation website
App Quiz
Password Generator
Show-Hide Password
Password Strength Check
Animate Monkey for Login Form
QR-Code Reader
QR-Code Generator
Custom Captcha
Tags Input Box
Api Random Quotes Generator
Currency Converter App
API English Dictionnary App
Cookie consent box
Dynamic Calendar
Resize and Compress Images
PDF Converter
Easy Image Editor
Gradient Color Generator
Random Palette Color Generator
Images Comparison Slider
Product Card with tricky hover effects
Jeux / Games
jeu Memory
Tic Tac Toe Game
Rock Paper Scissors Game
Game Dice Roll
Le jeu du Serpent / Snake game
Lucky Spinning Wheel Game
New Roll Dice
Simple Drawing App
Word Guessing Game
Animations
Carousel 3D Yoko Tsuno
Carousel automatique des Schtroumpfs
Cube photos 3D
3D Animated Cards Effects
Boule liquide
Glass Ball Particle animation effects
Animated Eyes follow mouse
CSS Emoji stars Rating Widget
Emoji range slider
Emoji Spinner Wheel
Cube photos 3D en JavaScript
Galerie photos
Image 2D to 3D
Unfold Image on hover
Bird Text Hover Animation
Animated profil card
Text Reveal from Smoke
Zoom in apparition
Happy Holi
Animation effects in circle colors
Static Harmony Background
CSS creative animation with hover effects
Particles Animation
Rotating squares with @property
Animated Responsive Cards with hover effects
Image Zoom on Hover
Image Zoom on Hover
CSS Cloud Banner Animation Effects
Hand Print scanning animation effects
Eyes following mouse move
draw line around button with hover
Flow Field Background Animation
Canvas Feedback Particles
Particles changing colour
Line Burst Background Animation
Colorful Rain Animation Effects
Animated Background in CSS
Fireworks Animation
Soap Bubbles Animations
Bubbly Background Animation Effects
Effet Matrix
effet neige sur Chambord
& autres projets JS
Digital Clock
Electronic Clock
Age Calculator
Chronomètre
Compte à rebours
Horloge Alarme
Calculator CSS
Playable Piano
Animated circular navigation menu
Projet Tout le monde aime 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