Développement web


Créer une application à partir d'une API qui permet de se renseigner sur la météo dans n'importe quelle ville du monde


Technologies utilisées :

  • React (+ Hooks / Context)
  • CSS3
  • GitHub

Ce que j'ai appris ?

  • Utiliser Context (React)
  • Gérer des render conditionnels un peu plus complexes
  • Utiliser le localstorage

Créer une application à partir d'une API qui permet de découvrir les films le splus populaires et les sorties de la semaines. Il est aussi possible aussi de choisir entre 2 films celui qu'on préfère et de le sauvegarder dans les Favoris (localStorage)


Technologies utilisées :

  • React (+ Hooks)
  • Boostsrap
  • GitHub

Ce que j'ai appris ?

  • Utiliser des hooks
  • Travailler avec une API en ligne
  • Utiliser le localstorage

Projet de groupe : créer un jeu de cartes memory sans aucune consigne préalable.
Nous avons travaillé sur ce projet à 3. Mon rôle dans ce projet a été de coordonner et de distribuer les différentes tâches aux membres de l'équipe (travail en autonomie ou pari-programming).
J'étais aussi en charge de gérer les merge de notre branche develop à notre main sur GitHub.
4 grandes étapes dans le projet :
- Conceptualisation sur papier des différentes views, puis des différentes tâches/fonctions dont nous aurons besoin
- Distribution des tâches et mise ne place du projet à coder (phase de travail en autonomie)
- Pair-programming sur les fonctionnalités plus compliquées
- Présentation du projet devant la promo via des slides explicatives des étapes du projet et des fonctionnalités de l'application illustrées par le code


Technologies utilisées :

  • React
  • CSS3
  • GitHub (create branch / pull / merge / conflicts handling)

Ce que j'ai appris ?

  • Travailler en groupe
  • Gérer les conflits sur GitHub
  • Prioriser les fonctionnalités d'une application
  • Faire du pari-programming

Créer une API de pays avec en front l'affichage des pays rentrés par l'utilisateur et mise en place d'un server en back


Technologies utilisées :

  • Javascript
  • Express
  • HTML5
  • CSS3
  • GitHub

Ce que j'ai appris ?

  • Créer une API
  • Relier le front et le back
  • e.preventDefault() pour les formulaires

Reproduire une caisse enregistreuse de boulangerie où l'on peut ajouter/supprimer des commandes. La caisse calcul le total et sauvegarde les commandes passées


Technologies utilisées :

  • React
  • Bootstrap
  • GitHub

Ce que j'ai appris ?

  • Utiliser des renders conditionnels avec React
  • Transférer du state d'un component à l'autre avec les props
  • Faire des appels à une API en ligne
  • Élaborer des algorithmes de calcul (TVA, HT, TTC, etc)

Créer une application qui calcule l'eau qu'il faut boire en fonction de la température, le nombre de pas et le rythme cardiaque
Projet réalisé en individuel.


Technologies utilisées :

  • React
  • CSS3
  • Bootstrap
  • GitHub

Ce que j'ai appris ?

  • La différenciation du code business et du code technique
  • Comment rendre des éléments du state interdépendants

Reproduire à l'identique un site de cuisine responsive selon un modèle, en utilisant les classes Bootstrap et en évitant un maximum l'utilisation de CSS.
Projet réalisé en individuel.


Technologies utilisées :

  • HTML5
  • CSS3
  • Bootstrap
  • GitHub

Ce que j'ai appris ?

  • Découverte de Bootstrap
  • Les problématiques du développement Responsive

Projet artistique personnel :

Site créé en décembre 2020 pour mon projet artistique autour du féminisme. Le site comporte :
- un blog participatif (mise en forme gérée par mes soins),
- et une boutique où sont vendues mes oeuvres originales, des reproductions ainsi que des produits dérivés de la marque déposée.
Le site a un rôle de plateforme. L'idée était de concentrer sur un seul endroit les oeuvres, présenter la marque déposée en 2016, et lancer une communauté qui pourrait s'exprimer sur le blog.
Le but était donc de faire quelque chose d'assez neutre, aéré et simple afin de laisser place à la diversité d'informations.
Pour la réalisation, j'ai pu bénéficier des conseils de :
- Rackele Prencipe, conseillère en communication,
- et Hélène Windom, correctrice et rédactrice
La réalisation du projet web a été faite seule.

Technologies utilisées :

  • CSS3
  • Wordpress



Site web de StellarTours,
Visites guidées à Paris :

La cahier des charges se résume de la manière suivante :
- une page d'accueil, une page par visite proposée, une page calendrier, une page contact, une page à propos
- intégration d'une extension de réservation en ligne
- site entièrement en anglais
- design autour de la couleur du logo
- inclure toutes les images et textes fournis par le client
- site élégant, simple, et intimiste

Technologies utilisées :

  • CSS3
  • Wordpress



Site web d'Hélène Windom,
Écrivaine, correctrice, biographe :

Site créé en novembre 2020. La cahier des charges se résume de la manière suivante :
- une page d'accueil, un blog, une page services, une page contact
- un design épuré, simple, accessible
- des couleurs douces autour du rose et du violet
- une touche d'originalité dans les photos du blog.
L'entretien du site est géré par mes soins. Mise à jour à la demande de la cliente.

Technologies utilisées :

  • CSS3
  • Wordpress

Graphisme / Logos



Logo pour un projet de coloriage :

Logo créé en septembre 2020. La cahier des charges se résume de la manière suivante :
- représenter le côté coloriage
- mettre en valeur l'aspect motifs personnalisables présent dans le projet
- insiter sur l'originalité du projet
- côté enfantin, mais accessible à tous les âges

Logiciels utilisés :

  • Photoshop
  • Illustrator


Refemi


Logo pour un projet de base de données féministe :

Logo créé en mai 2021 pour une base de données en cours de construction. La cahier des charges se résume de la manière suivante :
- représenter le côté archives/BDD
- neutralité, pas de pris e de partie pour un courant féministe en particulier
- universalité
- base de données à destination de toute personne curieuse de se rensiegner plus en profondeur sur le féminisme

Logiciel utilisé :

  • Illustrator


Graphisme / Mise en page



Mise en page et graphisme pour une revue de poésie surréaliste :

Revue bi-annuelle lancée en octobre 2020 (site est en cours de construction) autour de la poésie surréaliste.
Participation de poètes internationaux (États-Unis, Égypte, Algérie, Japon, France, etc.)

- Conception des couvertures
- Mise en page des poèmes et texte
- Graphisme créatif selon les textes
- Réalisation d'illustrations sur commande pour certains articles
- Création de collages numériques

Logiciels utilisés :

  • Photoshop
  • Illustrator
  • InDesign