TrackQuality
Auparavant dans le domaine de la qualité au sein de l’industrie électronique. J’étais chargée de suivre et traiter les non-conformités, pour cela j’avais créé un fichier Excel. J'ai décidé de transformer mon outils excel en application web. Une gestion d'utilisateur, d'identification et de rôle est faite sur cette application, que vous soyez admin, qualité ou opérateur vous n'aurez pas accès aux mêmes services. Afin que vous puissiez avoir une demo, demandez moi les identifiants, je vous les transmettrai avec plaisir.
PHP Dating
Voilà un site de rencontre pour sportifs. Ce site devait être réalisé en PHP et avec MySQL avec trois tables. Première utilisation de cookies pour sauvegarder les données de l'utilisateur grandement utiles pour les autres pages. Le code effectué n'est pas pour l'instant en POO, mais ça ne va pas tarder, je compte refactoriser mon code pour qu'il soit plus court, plus clair et en POO. J'ai profité de ce projet pour utiliser tailwindcss.
Movie DB
Objectif: Créer le même site que la landing page de Netflix en Octobre 2020 mais cette fois-ci avec l'API de MovieDB. J'ai décidé d'utiliser React. Cela m'a permis de me familiariser avec les props, les classes React ainsi que "ComponentDidMount" pour l'appel de l'API (accueil), le reste du site a été fait à l'aide des hooks React avec "useState" et "useEffect" (super pratique). J'ai eu beaucoups de bugs, des requêtes à l'infini qui ont fait chauffer mon CPU, mais chacun des bugs m'ont fait évoluer sur la manière d'appréhender React.
Interface utilisateur Gestion des emails
Objectifs: création d'une base de données avec 3 tables reliées par un identifiant unique et en one to many ou many to one. Il fallait aussi relier la base de données à un formulaire de contact géré en PHP afin d'enrichir la base de données. Le bonus était de faire une interface utilisateur pour la consultation des messages et la mise à jour du statut du mail. Cela m'a permis de prendre connaissance de la manière de faire pour pouvoir se conformer rapidement à la RGPD an cas de besoin. Beaucoup d'aprentissage dans cette exercice, les requêtes SQL, les transactions avec try, catch, commit et rollback et bien entendu la sécurité des données.
Calculatrice
Afin de consolider nos bases de javascript, une idée de projet nous a été donné, une calculatrice. La difficulté a été de passer de JQuery à Javascript, la reflexion doit se faire pas à pas. J'ai profité de ce projet pour travailler avec CSS Grid.Maintenant je peux me servir de MA caculatrice pour faire des opérations simples.
CV Eddy Khenthavong
Afin de simuler la relation client/ fournisseur et le travail en équipe, nous avions à réaliser un CV d'un collègue selon son cahier des charges. Nous avons été 2 à réaliser ce site, nous nous sommes répartis les sections afin de pouvoir travailler en parallèle. La deadLine a été respecté, le client était satisfait.
CV Hervé Fondeur
Afin de simuler la relation client/ fournisseur et le travail en équipe, nous avions à réaliser un CV d'un collègue selon son cahier des charges. Nous avons été 2 à réaliser ce site, nous nous sommes répartis les sections afin de pouvoir travailler en parallèle. La deadLine a été respecté, le client était satisfait.
Maquette
Toujours dans la simulation client /fournisseur, j'ai réalisé un cahier des charges. Cette fois ci j'étais le client, j'ai donc réalisé 3 fichiers, 2 avec adobe XD (version ordinateur et téléphone) et un pdf afin d'apporter des informations supplémentaires. Mes collègues ont pu être autonomes pour réaliser mon CV. Cela ma permis d'apprivoiser un peu l'outil adobe XD.
API Pokemon
Toujours dans la découverte de l'utilisation des API, un projet Pokemon nous a été donné sans objectif de collecte de données particulières. Choisissez un pokémon dans la liste et la carte de description du pokémon changera, les noms sont à choisir en anglais mais vous aurez la traduction française dans la carte, petit plus pour faire travailler l'anglais. Quelques bugs sont à noter dans l'API PokéAPI comme quelques fois une autre langue dans la description du pokémon ou le texte qui se répète.
API Météo
Dans le cadre de la découverte des API, un projet météo nous a été donné. L'API openweather ainsi que l'API teleport. Taper le nom de la ville souhaitée et la météo actuelle apparaitra, avec un peu de chance si c'est une grande ville la photo changera.
DrumBox
Dans le cadre de la découverte de JQuery, un projet de DrumBox a été donné. Clickez sur une touche et un son sortira qui j'espère vous donnera le sourire, pour ma part j'ai bien rigolé. Le clavier a été fait totalement en jquery avec une boucle, pas de répétition d'écriture dans le fichier html.
Memory
Travail réalisé en groupe. L'objectif était de faire communiqué php avec jquery. Le projet n'est pas totalement fini pour l'instant (16/12/20) un système de comptage de score et d'enregistrement des différentes cartes choisies doit être mis en place.
Formulaire de contact
Formulaire de contact réalisé avec php afin d'apprendre à sécuriser les informations collectées. Ce formulaire fonctionne, si vous le souhaitez vous pouvez me laisser un petit mot.
Landing Naily Hair
Le 3 et 4 septembre 2020, j'ai participer à un hackathon au SIDO de Lyon. Le but était d'imaginer un objet connecté en 48h en équipe avec des personnes totalement inconnues. Notre équipe est arrivée seconde avec un projet le projet Utrash En faisant parti des équipes gagnantes, nous pouvions avoir le bénéfice d'être accompagné sur les étapes d’identification de la cible, définition de la proposition de valeur, design et de prototypage du projet. Pour ma part, j'ai privilégié la formation de Dev Web. Mais afin de faire profiter de ma nouvelle compétence en Dev Web, avec Vivien, un collègue de promo qui fait parti aussi des équipes gagnantes, nous avons fait la landing Page du projet NailyHair.
Landing Page SPA
Afin de mieux se familiariser avec les outils HTML et CSS, un projet de landing page de la SPA a été fait. Aucune directive particuliaire n'a été donnée seulement le fait que la page doit donner l'envie d'adopter! Cette page n'est pas responsive mais réalisée avec beaucoup d'amour pour les animaux.
Landing Page Netflix
Afin de mieux se familiariser avec les outils HTML et CSS, la page d'accueil Netflix a été donné afin de la reproduire.
Landing Page EasyBank
Afin de mieux se familiariser avec les outils HTML et CSS et le responsive, une maquette d'un site de bank a été donné. Le site devait être identique aussi bien en version desktop que petit écran. Pas d'outils imposés du moment que le site est identique. J'ai donc décidé de commencer à utiliser bootstrap.
Simple Grid Component
Premier projet réalisé en rentrant à Simplon, le but était de reproduire une maquette à l'identique, le composant devait être responsive.
Application Shifumi avec app Inventor
Une application mobile Shifumi devait être réalisée à partir d'un cahier des charges pour chaque écran et les informations devant être disponible. Le bonus était de faire la version Pierre Papier Ciseaux Lézard Spoke.Je vous laisse la découvrir et pourquoi pas la télécharger sur votre mobile pour y jouer à temps perdu.
CV page statique responsive
Un site de notre CV devait faire parti de notre dossier de candidature, celui-ci devait être responsive et en bonus quelques animations. Les cours sur open class room ont été d'une grande utilité ainsi que beaucoup de recherches sur internet. Au final le rendu n'est pas au top mais pour quelqu'un qui n'avait jamais tapé ou lu une ligne de code, le résultat est là et le cahier des charges est rempli.