Projets

Consultez ici les divers projets, tant personnels qu'obligatoires, que j'ai réalisés dans le cadre de ma formation.

Projets imposés

capture d'écran d'une page web contenant un jeu de sudoku

Sudoku

badge HTML badge CSS badge JS

Développement d'un petit jeu de sudoku en JS, doté de diverses fonctionnalités listées dans le cahier des charges fourni dont une vérification en temps réel, un compteur d'erreurs, un mode brouillon, de sauvegarde, un système d'indices, un niveau de difficultés et une génération de grille aléatoire.

capture d'écran d'une page web pour parser un flux rss

Parser du flux rss d'allociné

badge HTML badge CSS badge PHP badge JS

Page web responsive extrayant le flux rss d'allociné pour l'afficher dans une grille css à 3 colonnes. L'objectif est de construire ce petit projet web de zéro sans framework, bibliothèque ni dépendance, et de s'entraîner en php et en JS.

Projets personnels

capture d'écran de mon tout premier site web : un site d'e-commerce

Mon tout premier site web

badge HTML badge CSS badge JS

Site d'e-commerce à visée responsive. En cours de développement. Objectif à terme d'avoir un site entièrement responsive ainsi qu'un système de paniers sauvegardés.

capture d'écran de mon 2e site web contemporain du premier, de type blog

Petit site de type blog

badge HTML badge CSS

Site de type blog servant à la fois à consolider certains acquis comme la création de navbar, à expérimenter des choses avant de les implémenter sur le site d'e-commerce, ou en apprendre de nouvelles.

capture d'écran d'une page constituant un eentraînement de galerie photo

Galerie photos

badge HTML badge CSS

Galerie photos très simple acceptant des images de tailles différentes.

capture d'écran montrant un générateur de mot de passe

Générateur de mot de passe

badge HTML badge CSS badge JS

Générateur de mot de passe fonctionnel avec copie de ce dernier possible par un simple clic de l'icône.

capture d'écran d'un projet js dans lequel des bulles colorées s'affichent avec un compteur de clics au fur et à mesure qu'on éclate les bulles en cliquant dessus

Bubble clicker

badge HTML badge CSS badge JS

Jeu consistant à éclater des bulles ascenscionnant l'écran, aux dimensions, couleurs et positions générés aléatoirement, accompagné d'un compteur de bulles éclatées.

capture d'écran d'une calculatrice en html css et js

Calculatrice basique

badge HTML badge CSS badge JS

Calculatrice proposant les 4 opérations de base avec bouton C permettant d'effacer l'écran.

capture d'écran de mon calculateur d'imc

Calculateur d'IMC

badge HTML badge CSS badge JS

Calculateur d'IMC à partir de la masse et de la taille de l'utilisateur.ice, et proposant une interprétation selon le résultat obtenu.

capture d'écran d'un tableau html auquel on peut ajouter des élèves et leurs notes et qui calcule la moyenne et variance de la classe.

"Pronote"-like

badge HTML badge CSS badge JS

Sorte de "pronote", composé d'un tableau dans lequel saisir des noms et notes un à un, et d'un calcul automatique de la moyenne et de la variance de la classe.

capture d'écran d'un projet js de compte à rebours pour le nouvel an

Compte à rebours du nouvel an

badge HTML badge CSS badge JS

Page affichant le compte à rebours pour la nouvelle année, en jours, heures, minutes et secondes.

capture d'écran d'un projet de montre fonctionnelle

Montre fonctionnelle

badge HTML badge CSS badge JS

Montre fonctionnelle indiquant les heures, minutes et secondes en temps réel.

capture d'écran d'un mini projet de mode clair/sombre en JS

Mini-projet de mode sombre

badge HTML badge CSS badge JS

Mode sombre constitué uniquement d'un fond et d'un bouton permettant de passer d'un mode à l'autre.

capture d'écran d'un carrousel simple

Mini-carrousel

badge HTML badge CSS badge JS

Carrousel ne présentant qu'une photo à la fois. La transition de l'une à l'autre via les flèches se fait dans un fondu enchaîné.

capture d'écran d'un générateur d'images de poisson combattants

Générateur d'images de poissons-combattants

badge HTML badge CSS badge JS

Générateur d'images de poissons-combattants au clic du bouton, le générateur en choisissant une aléatoirement parmi celles disponibles.

capture d'écran du projet d'une petite application de liste de courses.

Application de liste de courses

badge HTML badge CSS badge JS

Application de liste de courses. Par défaut, chaque item ajouté est à 1, mais possibilité d'augmenter ce nombre, ou de supprimer l'item via la poubelle. Dispose également de cases cochables.