Réalisations

My works

Page personnelle de Julia Carretero

Julia Carretero's personal page

Dans le cadre de la formation, nous avons du créer les pages personnelles de nos collègues dans un but d'apprentissage et d'entraînement.
J'ai réalisé ce curriculum vitae à la main sans bibliothèque pour vraiment connaître le CSS utilisé le plus fréquemment. Des animations AOS sont utilisées ainsi que du Javascript et du PHP pour le formulaire de contact.

During training, we were tasked with creating personal pages for our colleagues to better ourselves in integrating a design.
This resume was made by hand without any libraries or frameworks in order to improve my knowledge of CSS. AOS animations are used as well as Javascript and PHP for the contact form.

CV Julia
CV Leo

Page personnelle de Léo Lecoufle

Leo Lecoufle's personal page

Première tentative d'approche de Bootstrap pour le curriculum vitae de mon collègue Léo.
Accent mis sur le carrousel OwlCarousel que j'ai utilisé pour mettre en page le scrolling horizontal. Les fonctions de scrolling ont été ajoutées en javascript et PHP a été utilisé pour gérer le formulaire de contact.

First use of Bootstrap on the resume of my fellow student Leo
I used OwlCarousel to render an horizontal scrolling effect as the Bootstrap carrousel did not achieve what i wanted. Scrolling was made using Javascript and Jquery and PHP was used to handle the contact form.

API Météo

Weather API

Première approche des APIs sur ce projet avec manipulation du DOM en javascript. Très enrichissant cependant j'ai rencontré quelques problèmes de syntaxe pour les villes avec espace dans le nom.

First approach of APIs with this project with main focus on DOM manipulation in Javascript. I learned a lot doing it but getting the correct city names was a hassle at times, especially with spaces in names.

API Meteo
DrumBox

Drumbox Zelda

Drumbox Zelda

Projet sur une Drumbox en javascript pour se familiariser avec la gestion du son en javascript. J'ai choisi Zelda comme thème, étant un très grand fan ;).

A Drumbox made in javascript to get accustomed to sound handling in javascript. I chose Zelda as a theme as i am a huge fan ;).

Memory

Memory Game

Jeu du Memory en javascript qui m'a permis d'utiliser des fonctionnalitées plus poussées en javascript pour gérer le déroulement d'une partie de jeu avec un adversaire joué par l'ordinateur.
Le jeu peut s'adapter à plus ou moins de cartes en ne modifiant qu'une variable dans le javascript.

Small Memory game made in Javascript which allowed me to use more advanced javascript functions to handle the flow of the game with an opponent controlled by an AI.
The board can be adapted to more or less tiles with adjusting a single variable in javascript.

Memory
Projet ToDo React

ToDo List React

ToDo List React

ToDo List faite en React pour appréhender le framework une première fois. Simple et fonctionnelle, basée sur 4 composants Reacts assemblés.

To Do List done in React. First approach of the framework, it is a simple and functional project based on 4 assembled components.

Intégration Netflix

Netflix static page

Copie statique ressemblant à une page Netflix. Découverte sur ce projet d'une bonne dose de nouvelles fonctionnalités en CSS.

A static pseudo copy of the Netflix. With this i furthered my knowledge of CSS properties.

Projet Netflix
Projet EasyBank

Easy Bank Landing Page

Easy Bank Landing Page

Exercice d'intégration d'une page web statique pour une banque fictive. Gros travail à la main sur une intégration full responsive et sur le positionnement de certains éléments en CSS.
Premier pas en modification du DOM en javascript pour le menu responsive.

Web design integration of a fictional bank. Huge work done by hand to make the web page 100% responsive and to position some elements in CSS
First time using some DOM modification in javascript to handle the menu in responsive mode.

Simple Grid Component

Simple Grid Component

Tout premier projet de la formation pour se familiariser avec le HTML/CSS de base. Intégration d'un simple composant avec découverte des mediaqueries pour le responsive.

First project of the training program. Basic use of HTML and CSS and discovery of how mediaqueries work. Design pseudo responsive.

Projet Simple Grid