OttinTimothe_5_27112020

Contexte

Projet réalisé par OTTIN Timothé.

Ceci est le projet numéro 5 de la formation développeur web d'OpenClassrooms. Le projet consistait à la réalisation de la partie frontend d'un site e-commerce en JavaScript sans framework. Le backend avec l'API était fourni par OpenClassrooms. J'étais libre de mes choix sur le design et les animations CSS.

Je n'avais absolument aucune connaissance en JavaScript avant ce projet. Le site se devait d'être responsive et valider les validateurs W3C, tout en respectant les normes WCAG. Notez l'utilisation de Bootstrap et d'un design très simple dans le but de me focus sur la partie technique du projet.

Ce projet fut réalisé en quasi-totale autonomie. Je possédais l'aide d'un mentor OpenClassrooms une fois par semaine.

Ce projet fut évalué par un mentor évaluateur OpenClassrooms qui validais si le projet était conforme aux attentes lors d'une soutenance.

Installation

• Rendez-vous sur Orinoco
• Naviguez !

(Le backend étant hébergé par Heroku de manière gratuite, veuillez patienter quelques secondes lors du lancement.)

Ou

• Cloner d'abord le repo de l'api dans un dossier

• Ouvrez un terminal pointant vers le repo: npm i

• Et lancer le server avec npm start

• Cloner ensuite ce repo dans le même dossier

• Ouvrez le "index.html" dans votre navigateur

• Naviguez !

Scénario

Félicitations ! Vous avez été recruté en tant que développeur front-end par Orinoco, une entreprise de commerce en ligne.

Son credo ? Se démarquer des grands site e-commerce comme Amazon en créant des applications thématiques ne vendant qu’un seul groupe de produits. Il y a par exemple Oribook pour les livres ou Oritextil pour les vêtements.

Vos compétences en développement web et votre personnalité ont plu à Paul, le fondateur de l’entreprise.

Dans un premier temps, Paul souhaite créer un premier MVP pour démontrer le fonctionnement de ses applications à ses investisseurs.

L’équipe est constituée de Jeanne, développeuse back-end travaillant sur les API et vous, pour la partie front-end.

À votre arrivée, vous trouvez un mail de Paul dans votre boîte mail.

De: Paul 

À: vous

Objet : Bienvenue !

Bonjour et bienvenue chez Orinoco ! J’espère que tu te plairas parmi nous. J’ai vraiment hâte de montrer ce MVP aux investisseurs. Il faut qu’on les rassure car ils misent sur nous. :)

Jeanne s’occupera du back-end et toi du front.

Avec l’équipe, on a déjà pas mal bossé sur le cahier du MVP. Cela te fera une bonne base pour avancer. Tu trouveras en pièce jointe les spécifications.

N'hésite pas à venir me voir si tu as la moindre question, ma porte est toujours ouverte.

Paul

Fondateur de Orinoco

Spécifications Orinoco

Paul vous envoie également des messages sur le système de messagerie instantanée de l’entreprise pour vous apporter quelques précisions complémentaires.

Paul > Hello, comme je sais que tu débutes, voici quelques informations qui pourront t’aider pour réaliser le front de l’application. 
Tu vas avoir besoin de deux fonctionnalités JavaScript pour mener à bien ta missions:
- localStorage pour le panier 
- et les paramètres de requête de l’URL pour la page « produit ».

Moi > Super, merci !

Paul > Je souhaiterais également que tu réalises un plan de tests pour montrer comment l’application devrait être testée.

Moi > Est-ce que tu souhaites un format particulier pour le plan de tests ?

Paul > Je te laisse libre choix pour le format du plan de tests.

Moi > Ok ! C’est parti alors !

Vous gardez en tête toutes ces informations et attaquez le développement immédiatement.

Soutenance

Simulation d'une réunion professionnelle. L’évaluateur jouera le rôle de Paul, le fondateur d’Orinoco (il pourra vous interrompre pour vous poser des questions).

La soutenance, d’une durée maximum de 30 minutes, se déroulera en deux parties:

• Partie 1 – 20 minutes : Vous réaliserez une présentation de votre application.

• Partie 2 – 10 minutes : Retour sur la soutenance, échange de questions/réponses : l’évaluateur pourra revenir sur certains points pour vous questionner sur vos choix.

L’évaluateur vous fera un retour sur votre prestation en soutenance.

Compétences évaluées

• Interagir avec un web service avec JavaScript
• Créer un plan de test pour une application
• Valider des données issues de sources externes
• Gérer des événements JavaScript

License

MIT