nuage nuage nuage nuage nuage nuage

Nicolas Sartelet

Développeur Web Front-End

vague vague vague

A PROPOS DE MOI

chat de la chance

Hello World ! Je suis Nicolas, développeur web front-end passionné à Nantes (France), je suis animé par la création d'interfaces à la fois performantes, UX friendly et responsives, en un mot, MODERNES.

Après un DUT Métiers du Multimédia et de l'Internet obtenu en région parisienne en 2018, j'ai ensuite décidé de me former davantage au développement web de façon autodidacte puis j'ai intégré la formation développeur d'applications Front-End avec OpenClassrooms afin d'obtenir des compétences plus pointues dans ce domaine qui m'intéressait tant.

Descendez un peu plus bas pour découvrir les projets que j'ai réalisés !

SOFT SKILLS

Polyvalence

Icone Polyvalence

Rigueur

Icone Rigueur

Curiosité

Icone Curiosité

Persévérance

Icone Persévérance

COMPÉTENCES

Compétence en japonais
HTML • 80%
logo html
CSS • 75%
logo css
JS • 70%
logo js
React • 65%
logo react
jQuery • 80%
logo jquery
TDD Jasmine • 70%
logo jasmine
Model. UML • 80%
logo uml
WordPress • 50%
logo WordPress
UI Design • 60%
logo ui design

PROJETS

Chalets et Caviar - Site WordPress

Site de Festival de Films

Conception UML/SQL - ExpressFood

Générateur de phrases aléatoires

Chilvary War - Jeu de plateau

Vicino Resto - Avis de restaurants

Todo-List App - Reprise de projet

Mini Synthétiseur en JS

Jungle House - vente de plantes

Chalets et Caviar - Site WordPress
Site vitrine de vente et de location de chalets de luxe

But du projet

Créer un site WordPress pour un client fictif, l’agence immobilière “Chalets et caviar” de Courchevel qui possède une quinzaine de chalets de luxe à la vente et une vingtaine en location.

Elle a besoin d'un site web évolutif pour promouvoir la vente et la location de ses chalets. C’est pour cette raison qu’elle fait appel à nous !

Compétences visées

  • Sélectionner un thème Wordpress adapté aux besoins du client et l'intégrer
  • Adapter un thème Wordpress pour respecter les exigences du client
  • Rédiger une documentation technique à l'intention d'utilisateurs non spécialistes

Projet Validé ✅

Mot du jury : “Très bon projet réalisé par Nicolas, ce dernier répond aux attentes du cahier des charges.”

Site de Festival de Films
Analyse des besoins web d'un client et proposition d'une solution

But du projet

Analyser les besoins et proposer une solution web pour une association qui vient juste d'être créée et qui a besoin d'un support de communication en ligne pour son festival afin d'annoncer les films projetés et de recueillir les réservations, le tout avec un budget limité et aucune connaissance technique.

Intégrer une première maquette du site en HTML / CSS.

Compétences visées

  • Choisir une solution technique adaptée parmi les solutions existantes si cela est pertinent
  • Analyser un cahier des charges
  • Lister les fonctionnalités demandées par un client
  • Rédiger les spécifications détaillées du projet

Projet Validé ✅

Mot du jury

“Du très bon travail tant sur le cahier des charges, que sur le prototype que sur la présentation orale.”

Conception UML/SQL - ExpressFood
Solution technique d'une application de restauration en ligne

But du projet

ExpressFood est une jeune startup fictive qui ambitionne de livrer des plats de qualité à domicile en moins de 20 minutes grâce à un réseau de livreurs à vélo.

Sur son application, ExpressFood propose à ses clients de commander un ou plusieurs plats et desserts qui changent tous les jours et de fournir un délais de livraison.

Il a fallu concevoir la structure de l'application en produisant une suite de diagrammes UML afin de modéliser les besoins de l’application ainsi qu'un diagramme de classe afin d'en modéliser les entités.

Un schéma de base de données MySQL était aussi demandé ainsi qu'un remplissage de cette base avec des premières valeurs fictives

Compétences visées

  • Réaliser des schémas UML cohérents et en accord avec les besoins énoncés
  • Concevoir l’architecture technique d’une application à l’aide de diagrammes UML
  • Implémenter le schéma de données dans la base
  • Réaliser un schéma de conception de la base de données de l’application

Projet Validé ✅

Mot du jury

“Nicolas a su prendre du recul sur les besoins du projet et les exprimer à travers les diagrammes, petit plus sur la documentation fournie, qui n'était pas demandée, mais une bonne initiative. Une bonne présentation, un bon recul sur le besoin client.”

Générateur de phrases aléatoires
Création d'un générateur de phrases drôles en JS

But du projet

Créer un générateur de phrases aléatoires permettant de :

  • Générer des phrases combinant au moins 3 morceaux de façon cohérente
  • Choisir le nombre de phrases générées (de 1 à 5)
  • Choisir entre 2 types de générateurs de phrases (nécessité d'avoir 2 ensembles de mots)
  • Une fois les citations générées, proposer de générer de nouvelles phrases ou de les supprimer (réinitialisation)

Compétences visées

  • Concevoir un algorithme pour répondre à un cahier des charges
  • Mettre en œuvre la syntaxe de JavaScript dans un programme

Projet Validé ✅

Mot du jury : “Nicolas a produit un code satisfaisant qui répond très bien aux attentes, il a bien organisé et decoupé son code en petites fonctions bien reliées entre elles pour génerer les phrases comme attendu.”

Chilvary War - Jeu de plateau
Création d'un jeu de combat tour par tour en JS

But du projet

Créer un jeu en ligne en JavaScript dans lequel 2 joueurs (en local) évoluent chacun leur tour pour s'affronter : “À la fin, il n'en restera qu'un !”

Étapes du développement :

  • Génération de la carte aléatoirement, avec des cases vides, des cases d'obstacles, des cases d'armes (4 max) et 2 cases réservées aux joueurs
  • Assignation des stats des joueurs avec leur arme de base, placement non bloquant sur la map au démarrage et éloignement avec le joueur adverse
  • Mise en place des mouvements possibles, du tour par tour et du système de switch d'arme lorsqu'un joueur passe sur une case armée
  • Le combat !
    • Déclenchement lorsque les joueurs se croisent sur 2 cases adjacentes
    • Chacun attaque à son tour et inflige les dégats de l'arme qu'il porte
    • Le joueur peut choisir d’attaquer ou de se défendre contre le prochain coup (50% de dégats en moins)
    • Dès que les points de vie d’un joueur (initialement à 100) tombent à 0, celui-ci a perdu. Un message s’affiche et la partie est terminée !

Compétences visées

  • Concevoir une architecture d'application JavaScript réutilisable
  • Développer une application JavaScript orientée objet
  • Mettre en œuvre la bibliothèque jQuery dans une application web

Projet Validé ✅

Mot du jury

“Excellent travail ! On voit que du plaisir a été pris sur ce travail. Présentation orale professionnelle et claire. Continuez à produire des projets aboutis comme celui-ci !”

Vicino Resto - Avis de restaurants
Site d'avis sur les restaurants proches de l'utilisateur

But du projet

Créer un service simple et utile qui permet de consulter des avis sur des restaurants autour de soi en utilisant des API externes, telles que celles de Google Maps et de Google Places.

Possibilité de filtrer la liste des restaurants affichés en fonction de la note moyenne des avis reçus et de déplacer la map pour relancer une nouvelle recherche dans une zone différente.

Fonctionnalité d'ajout de restaurants sur la carte et d'ajout de commentaires (fictifs) sur chaque restaurant.

Compétences visées

  • Développer une application JavaScript complète en respectant un cahier des charges
  • Utiliser des APIs externes en JavaScript

Projet Validé ✅

Mot du jury

“Nicolas a réalisé un projet bien conforme à la demande. Les concepts de POO et l'utilisation des APIs sont acquis. Bon plus de la personnalisation des marqueurs avec l'effet d'overlay au passage de la souris”

Todo-List App - Reprise de projet
Amélioration d'un projet existant et intégration de tests

But du projet

Reprise d'un projet de développement d'une Todo list en JavaScript (développé en structure MVC), nettoyage du code, identification et suppression des bugs, ajout de tests avec Jasmine et audit de la performance du site en comparaison avec une appplication concurrente.

Compétences visées

  • Reprendre en main un projet JavaScript existant
  • Optimiser les performances d'un projet à l'aide des DevTools
  • Mettre en œuvre des tests unitaires et fonctionnels dans une application web

Projet Validé ✅

Mot du jury

“Les améliorations faites par l'étudiant sont à souligner et à féliciter. Les documents rédigés au niveau du wiki GitHub sont de bonne qualité, la documentation du projet est propre et claire.”

Mini Synthétiseur en JS
Développement d'un mini piano avec la web audio API

But du projet

Création d'un piano en JavaScript utilisant la web audio API de JS et les paramètres de l'oscillateur. Utilisation des concepts de gestion d'événements JS avancés avec association du clavier

Jungle House - vente de plantes
Développement d'un site de vente de plantes avec React

But du projet

Création d'un site de vente de plantes en ligne avec React JS, possibilité d'ajouter des plantes au panier, de le vider, de consulter les besoins de chaque plantes et de filtrer la liste des plantes recherchées