DECATHLON SE

Decathlon c’est 85 000 hommes et femmes passionnés de sport.

Nous sommes présents dans plus que 40 pays pour créer des produits de sport et les mettre à disposition des sportifs au travers de nos solutions omnicommerce. Cette communauté internationale, de gens vitaux et responsables, ose tous les jours des projets ambitieux pour satisfaire les utilisateurs sportifs.

Dans la filière IT nous sommes 2000.

Avec nos compétences et nos technologies nous sommes acteurs dans tous les domaines d’activité de Decathlon: customer experience, création des produits, supply chaine, logistique, finances et autres. Notre ambition est de créer une plateforme ouverte autour du sport. Nous travaillons chaque jour en mode Agile pour permettre à chaque talent de s'exprimer avec passion. Nos choix technologiques s'orientent vers l'architecture en services construite sur des solutions Cloud, API et open source.

Quelques langages et technologies que nous utilisons: Java, Javascript, Spring, Falcor, react-native, elm, vue.js, Scala, Angular, Elixir, Docker, rest, microservices, Git, jenkins, rancher, postgresql, SAP, ABAP, SAP Fiori, HTML, CSS, reactjs, Symfony, PHP, java-ee.

Et on recrute des sportifs technophiles qui aiment bien l’autonomie et la responsabilité et qui ont envie de s’éclater chaque jour dans notre équipe https://recrutement.decathlon.fr/metier/informatique/

 

Le défi: AVEC DECAT, TOUJOURS PLUS DE VITAMINES !!! #DesignSystem #OpenSource

Theme:

Lot:

- 1ère équipe : carte CADEAU DECATHLON de 500 euros

- 2ème équipe : carte CADEAU DECATHLON de 300 euros

- 3ème équipe : carte CADEAU DECATHLON de 200 euros

 

PS : il sera possible de diviser le montant en plusieurs carte cadeau

Description du défi :

VITAMIN ? KESAKO ?!

GitHub - Decathlon/vitamin-web: Decathlon Design System libraries for web  applications

C’est notre Design System OPEN-SOURCE DECATHLON ouvert à tous ! https://www.decathlon.design/726f8c765/p/75e137-digital-overview

???? Un Design System permet d'avoir dans un endroit unique tous les éléments visuels à disposition d'une communauté d'acteurs du développement d'un produit informatique. Il consolide l'ensemble des éléments graphiques, couleurs, visuels, ... au sein d'un même système pour une entreprise, une communauté, une association ou tout autre organisation.

Grâce au Design System, il est plus facile pour tous les développeurs de Decathlon et du monde d’intégrer rapidement des composants "front" déjà conçus et développés aux couleurs de notre entreprise. Tu peux facilement intégrer un composant front pour une page web HTML, un framework front du moment (React / svelte ..) ou bien même sur des systèmes mobiles comme iOS ou ANDROID.

 

???? Exemple de l'usage d'un composant sur https://decathlon.github.io/vitamin-web/

Grâce à cela, tu peux récupérer très facilement le code d'un bouton, d'une checkbox ou d'une liste en quelques clicks.

Il est aussi possible d'utiliser le package NPM pour installer le Design System. Toutes les informations sont disponibles sur la page Design System Decathlon.

 

???? Cela nous permet donc de se focaliser sur de nouvelles expériences, fonctionnalités et règles métier pour satisfaire encore plus de sportifs de manière digitale.

 

  • As-tu déjà entendu parler de Design System ?

  • As-tu déjà entendu parler d’Open-Source ?

  • As-tu déjà entendu parler d’API ?

 

AUJOURD’HUI, c'est le jour de mise en PRATIQUE avec un beau défi technologique complet !

 

ARE YOU READY ? Prends ta cure de vitamine et LANCE toi dans le défi !

 

Elements attendus

Objectif

???? On te propose de créer le WIKIPEDIA des sports aux couleurs de DECATHLON en innovant sur l'expérience !

Ce que l'on attends ?

?? Tu souhaites plus d'informations sur la totalité de nos services web (API) disponibles : https://developers.decathlon.com/ On possède même une API pour identifier un sport depuis une photo :) Tu peux aller découvrir tout cela sur le site pour de futurs innovations !

 

  • ???? Développer une interface WEB dans le framework que tu souhaites en intégrant des composants du Design System VITAMIN présenté ci-dessus pour avoir une belle interface originale aux couleurs de Decathlon. INNOVE DANS LA UserInterface/UserXperience (UI/UX) pour avoir une belle expérience de visualisation des sports.

 

  • ???? EN BONUS : Pour s'initier au monde de l'OPEN SOURCE, nous te proposons de créer un fichier README et HOW TO CONTRIBUTE à la racine de ton REPO- EXEMPLE d'une inspiration de fichier qui permettent d'établir un code de bonne conduite, de contribution ou bien même de licence logiciel quand on réalise un projet open source. Un DEUXIEME EXEMPLE sur comment démarrer dans le monde de l'OPEN-SOURCE -  De plus, nous valoriserons les équipes qui réaliseront des belles Pull Request (PR) ou commit ou même ISSUE au sein de son REPO.?

 

CONTACT - Nous serons joignable sur  :

  • Le discord de la nuit de l'info : https://discord.com/invite/JpXAz7A
  • Le SLACK du Projet VITAMIN : https://join.slack.com/t/decathlon-design/shared_invite/zt-ou0n9qas-n_oamDSVUIqvLqNO1LETJg

 

Mode de restitution

Les livrables

???? Enregistrer ton CODE sur Github.com sur un REPO PUBLIC. Nous avons simplement besoin de l'URL de ton REPO.

 

???? Utilise GITHUB PAGES pour publier sur internet ton application FRONT - GETTING STARTED (service gratuit) : https://docs.github.com/en/pages/getting-started-with-github-pages/creating-a-github-pages-site Nous avons simplement besoin de l'URL de ton Site Github PAGES

 

????  La performance, l'accessibilité et la SEO seront pris en compte dans l'évaluation. Enregistre le rapport LIGHTHOUSE dans le module Chrome DEV TOOLS (Clique droit / "Inspecter éléments" / onglet "Lighthouse" puis clique "Generate Report". Tu peux simplement place le "print summary" en pdf dans un dossier "LIGHTHOUSE" dans ton repo github.