{"version":3,"sources":["components/Navigation.js","pages/Home.js","pages/Contact.js","components/knowledges/Experience.js","components/knowledges/ProgressBar.js","components/knowledges/Languages.js","components/knowledges/OtherSkills.js","components/knowledges/Hobbies.js","pages/Knowledges.js","pages/NotFound.js","data/portfolioData.js","components/portfolio/Project.js","components/portfolio/ProjectList.js","pages/Portfolio.js","App.js","reportWebVitals.js","index.js"],"names":["Navigation","className","src","alt","exact","to","activeClassName","href","target","rel","text","onClick","toast","success","autoClose","hideProgressBar","closeOnClick","pauseOnHover","draggable","progress","undefined","Animation","Home","Contact","Experience","ProgressBar","props","title","languages","map","item","progressBar","xp","value","style","width","id","Languages","state","frameworks","springboot","this","Component","OtherSkills","Hobbies","class","Knowledges","NotFound","portfolioData","name","languagesIcons","source","info","login","mdp","picture","online","Project","showInfo","handleInfos","setState","icon","ProjectList","projects","radios","selectedRadio","handleRadio","event","radio","type","checked","onChange","htmlFor","filter","includes","Portfolio","App","path","component","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.bc5addb6.chunk.js","sourcesContent":["import React from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\r\n\r\nconst Navigation = () => {\r\n  const discordClick1 = () => {\r\n    toast.success(\"Discord copié 👍 !\", {\r\n      autoClose: 2000,\r\n      hideProgressBar: false,\r\n      closeOnClick: false,\r\n      pauseOnHover: false,\r\n      draggable: true,\r\n      progress: undefined,\r\n    });\r\n  };\r\n  return (\r\n    <div className=\"sidebar\">\r\n      <ToastContainer />\r\n      <div className=\"id\">\r\n        <div className=\"idContent\">\r\n          <img src=\"./media/zoheeb2.jpg\" alt=\"profil-pic\" />\r\n          <h3>Zoheeb Ishaque</h3>\r\n        </div>\r\n      </div>\r\n      <div className=\"navigation\">\r\n        <ul>\r\n          <li>\r\n            <NavLink exact to=\"/\" activeClassName=\"navActive\">\r\n              <i className=\"fas fa-home\"></i>\r\n              <span>Accueil</span>\r\n            </NavLink>\r\n          </li>\r\n          <li>\r\n            <NavLink exact to=\"/competences\" activeClassName=\"navActive\">\r\n              <i className=\"fas fa-mountain\"></i>\r\n              <span>Compétences</span>\r\n            </NavLink>\r\n          </li>\r\n          <li>\r\n            <NavLink exact to=\"/portfolio\" activeClassName=\"navActive\">\r\n              <i className=\"fas fa-images\"></i>\r\n              <span>Portfolio</span>\r\n            </NavLink>\r\n          </li>\r\n          <li>\r\n            <NavLink exact to=\"/contact\" activeClassName=\"navActive\">\r\n              <i className=\"fas fa-book\"></i>\r\n              <span>Contact</span>\r\n            </NavLink>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div className=\"socialNetwork\">\r\n        <ul>\r\n          <li>\r\n            <a\r\n              href=\"https://fr.linkedin.com/in/zoheeb-ishaque-935960216\"\r\n              target=\"blank\"\r\n              rel=\"noopener noreferrer\"\r\n            >\r\n              <i className=\"fab fa-linkedin\"></i>\r\n            </a>\r\n          </li>\r\n          <li>\r\n            <a\r\n              href=\"https://github.com/zoheebishaq\"\r\n              target=\"blank\"\r\n              rel=\"noopener noreferrer\"\r\n            >\r\n              <i className=\"fab fa-github\"></i>\r\n            </a>\r\n          </li>\r\n          <li>\r\n            <a\r\n              href=\"https://codepen.io/zoheebishaq\"\r\n              target=\"blank\"\r\n              rel=\"noopener noreferrer\"\r\n            >\r\n              <i className=\"fab fa-codepen\"></i>\r\n            </a>\r\n          </li>\r\n          <CopyToClipboard text=\"Zoheeb#9101\">\r\n            <li>\r\n              <a\r\n                className=\"clickInput\"\r\n                onClick={discordClick1}\r\n                href={Animation}\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n              >\r\n                <i className=\"fab fa-discord\"></i>\r\n              </a>\r\n            </li>\r\n          </CopyToClipboard>\r\n        </ul>\r\n        <div className=\"signature\">\r\n          <p className=\"signatureName\"> Zoheeb Ishaque - 2021</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Navigation;\r\n","import React from 'react';\r\nimport Navigation from '../components/Navigation';\r\n\r\nconst Home = () => {\r\n    return (\r\n        <div className=\"home\">\r\n            <Navigation/>\r\n            <div className=\"homeContent\">\r\n                <div className=\"content\">\r\n                    <h1>Zoheeb Ishaque</h1>\r\n                    <h2>Concepteur développeur d'applications</h2>\r\n                    <div className=\"pdf\">\r\n                        <a href=\"/\"  target=\"_blank\">Télécharger CV</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Home;","import React from \"react\";\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport Navigation from \"../components/Navigation\";\r\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\r\n\r\nconst Contact = () => {\r\n  const discordClick=()=>{\r\n    toast.success(\"Discord copié 👍 !\", {\r\n      autoClose: 2000,\r\n      hideProgressBar: false,\r\n      closeOnClick: false,\r\n      pauseOnHover: false,\r\n      draggable: true,\r\n      progress: undefined,\r\n    })\r\n  }\r\n  const emailClick=()=>{\r\n    toast.success(\"E-mail copié 👍 !\", {\r\n      autoClose: 2000,\r\n      hideProgressBar: false,\r\n      closeOnClick: false,\r\n      pauseOnHover: false,\r\n      draggable: true,\r\n      progress: undefined,\r\n    })\r\n  }\r\n  const telClick=()=>{\r\n    toast.success(\"Telephone copié  👍!\", {\r\n      autoClose: 2000,\r\n      hideProgressBar: false,\r\n      closeOnClick: false,\r\n      pauseOnHover: false,\r\n      draggable: true,\r\n      progress: undefined,\r\n    })\r\n  }\r\n  return (\r\n    <div className=\"contact\">\r\n      <ToastContainer/>\r\n      <Navigation />\r\n      <div className=\"contactContent\">\r\n        <div className=\"header\"></div>\r\n        <div className=\"contactBox\">\r\n          <h1>Contactez-moi</h1>\r\n          <ul>\r\n            <li>\r\n              <i className=\"fas fa-map-marker-alt\"></i>\r\n              <span> Ile de France</span>\r\n            </li>\r\n            <li>\r\n              <i className=\"fas fa-mobile-alt\"></i>\r\n              <CopyToClipboard text=\"0652341646\">\r\n                <span\r\n                  className=\"clickInput\"\r\n                  onClick={telClick}\r\n                >\r\n                  06.52.34.16.46\r\n                </span>\r\n              </CopyToClipboard>\r\n            </li>\r\n            <li>\r\n              <i className=\"far fa-envelope\"></i>\r\n              <CopyToClipboard text=\"zoheeb.ishaque@gmail.com\">\r\n                <span\r\n                  className=\"clickInput\"\r\n                  onClick={emailClick}\r\n                >\r\n                  zoheeb.ishaque@gmail.com\r\n                </span>\r\n              </CopyToClipboard>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div className=\"socialNetwork\">\r\n          <ul>\r\n            <a href=\"https://fr.linkedin.com/in/zoheeb-ishaque-935960216\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <h4>LinkedIn</h4>\r\n              <i className=\"fab fa-linkedin\"></i>\r\n            </a>\r\n            <a href=\"https://github.com/zoheebishaq\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <h4>Github</h4>\r\n              <i className=\"fab fa-github\"></i>\r\n            </a>\r\n            <a href=\"https://codepen.io/zoheebishaq\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <h4>Codepen</h4>\r\n              <i className=\"fab fa-codepen\"></i>\r\n            </a>\r\n            <CopyToClipboard text=\"Zoheeb#9101\">\r\n              <a className=\"clickInput\" onClick={discordClick} href={Animation} target=\"_blank\" rel=\"noopener noreferrer\">\r\n                \r\n                <h4>Discord</h4>\r\n                <i className=\"fab fa-discord\"></i>\r\n              </a>\r\n            </CopyToClipboard>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Contact;\r\n","import React from \"react\";\r\n\r\nconst Experience = () => {\r\n  return (\r\n    <div className=\"experience\">\r\n      <h3>Formation</h3>\r\n      <div className=\"exp-1\">\r\n        <h4>Titre Professionnel Concepteur développeur d’application</h4>\r\n        <h5>Greta Mte 94 2018 – 2019</h5>\r\n        <p>\r\n          <ul>\r\n            <li>• Maquetter une application. </li>\r\n            <li>• Développer une interface utilisateur de type desktop.</li>\r\n            <li>• Développer des composants d’accès aux données, ainsi que la partie front-end d’une interface utilisateur Web et la partie back-end d’une interface utilisateur web.</li>\r\n            <li>•\tConcevoir une base de données et la mettre en place.</li>\r\n            <li>•\tDévelopper des composants dans le langage d’une base de données.</li>\r\n            <li>• Collaborer à la gestion d’un projet informatique et à l’organisation de l’environnement de développement.</li>\r\n            <li>•\tConcevoir une application.</li>\r\n            <li>•\tDévelopper des composants métier</li>\r\n            <li>•\tConstruire une application organisée en couches</li>\r\n            <li>•\tDévelopper une application mobile</li>\r\n            <li>•\tPréparer et exécuter les plans de tests d’une application</li>\r\n            <li>•\tPréparer et exécuter le déploiement d’une application </li>\r\n          </ul>\r\n        </p>\r\n      </div>\r\n      <div className=\"exp-2\">\r\n      <h4>Titre Professionnel développeur web </h4>\r\n        <h5>Greta Mte 94 2018 – 2017</h5>\r\n        <p>\r\n          <ul>\r\n            <li>•\tElaborer et mettre en œuvre des composants dans une application de gestion de contenu ou e-commerce. </li>\r\n            <li>•\tRéaliser une interface utilisateur avec une solution de gestion de contenu ou e-commerce. </li>\r\n            <li>•\tCréer une base de données et développer les composants d’accès aux données. </li>\r\n            <li>•\tDévelopper la partie back-end d’une application web .</li>\r\n            <li>•\tDévelopper une interface utilisateur web-dynamique.</li>\r\n          </ul>\r\n        </p>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Experience;\r\n","import React from \"react\";\r\n\r\nconst ProgressBar = (props) => {\r\n  return (\r\n    <div className={props.className}>\r\n      <h3>{props.title}</h3>\r\n      <div className=\"years\">\r\n        <span>Années d'experience</span>\r\n        <span>1 an</span>\r\n        <span>3 ans</span>\r\n      </div>\r\n      <div>\r\n        {props.languages.map((item) => {\r\n          let xpYears = 2;\r\n          let progressBar = (item.xp / xpYears) * 100 + \"%\";\r\n\r\n          return (\r\n            <div key={item.id} className=\"languagesList\">\r\n              <li>{item.value}</li>\r\n              <div className=\"progressBar\" style={{width:progressBar}}>\r\n\r\n              </div>\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ProgressBar;\r\n","import React, { Component } from \"react\";\r\nimport ProgressBar from \"./ProgressBar\";\r\n\r\nclass Languages extends Component {\r\n  state = {\r\n    languages: [\r\n      { id: 1, value: \"Javascript\", xp: 1.8 },\r\n      { id: 1, value: \"Java SE/EE\", xp: 1.8 },\r\n      { id: 1, value: \"HTML/CSS\", xp: 2 },\r\n    ],\r\n\r\n    frameworks: [\r\n      { id: 1, value: \"React\", xp: 1.5 },\r\n      { id: 1, value: \"Bootstrap\", xp: 1.8 },\r\n      { id: 1, value: \"SpringBoot\", xp: 1.6 },\r\n      { id: 1, value: \"Wordpress\", xp: 1.4 },\r\n    ],\r\n    springboot: [\r\n      { id: 1, value: \"JPA/Hibernate\", xp: 1.7 },\r\n      { id: 1, value: \"Junit 5\", xp: 1.5 },\r\n      { id: 1, value: \"Thymeleaf\", xp: 1.6 },\r\n    ],\r\n  };\r\n  render() {\r\n    let { languages, frameworks,springboot } = this.state;\r\n\r\n    return (\r\n      <div className=\"languagesFrameworks\">\r\n        <ProgressBar\r\n          languages={languages}\r\n          className=\"languagesDisplay\"\r\n          title=\"languages\"\r\n        />\r\n        <ProgressBar\r\n          languages={frameworks}\r\n          title=\"frameworks & bibliothéques\"\r\n          className=\"frameworksDisplay\"\r\n        />\r\n\r\n        <ProgressBar\r\n          languages={springboot}\r\n          title=\"springBoot\"\r\n          className=\"frameworksDisplay\"\r\n        />\r\n\r\n        {/* si on souhaite rajouter une autre progressBar et \"languages={ pour choisir les donné dans state que je veut exploiter }\"\" */}\r\n        {/* <ProgressBar languages={frameworks}\r\n          title=\"Choix & Choix\"\r\n          className=\"frameworksDisplay\"\r\n        /> */}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Languages;\r\n","import React from \"react\";\r\n\r\nconst OtherSkills = () => {\r\n  return (\r\n    <div className=\"otherSkills\">\r\n      <h3>Autres compétences</h3>\r\n      <div className=\"list\">\r\n        {/* 1er list */}\r\n        <ul>\r\n          <li>\r\n            <i className=\"fas fa-check-square\"></i>\r\n            &nbsp;Anglais courant\r\n          </li>\r\n          <li>\r\n            <i className=\"fas fa-check-square\"></i>\r\n            &nbsp;GitHub\r\n          </li>\r\n          <li>\r\n            <i className=\"fas fa-check-square\"></i>\r\n            &nbsp;Visual Studio Code\r\n          </li>\r\n          <li>\r\n            <i className=\"fas fa-check-square\"></i>\r\n            &nbsp;NPM\r\n          </li>\r\n          <li>\r\n            <i className=\"fas fa-check-square\"></i>\r\n            &nbsp;Postman\r\n          </li>\r\n        </ul>\r\n        {/* 2eme list */}\r\n        <ul>\r\n        <li>\r\n            <i className=\"fas fa-check-square\"></i>\r\n            &nbsp;UML\r\n          </li>\r\n          <li>\r\n            <i className=\"fas fa-check-square\"></i>\r\n            &nbsp;BalsamiqMockup\r\n          </li>\r\n          <li>\r\n            <i className=\"fas fa-check-square\"></i>\r\n            &nbsp;IntelliJ IDEA \r\n          </li>\r\n          <li>\r\n            <i className=\"fas fa-check-square\"></i>\r\n            &nbsp;Pack Microsoft Office\r\n          </li>\r\n          <li>\r\n            <i className=\"fas fa-check-square\"></i>\r\n            &nbsp;Ciel Comptabiliter/Gestion commercial\r\n          </li>\r\n\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default OtherSkills;\r\n","import React from \"react\";\r\n\r\nconst Hobbies = () => {\r\n  return (\r\n      <div className=\"hobbies\">\r\n        <h3>Intérêts</h3>\r\n        <ul>\r\n          <li className=\"hobby\">\r\n            <i className=\"fas fa-running\"></i>\r\n            <span>Sport</span>\r\n          </li>\r\n          <li className=\"hobby\">\r\n            <i className=\"fab fa-bitcoin\"></i>\r\n            <span>Crypto-monnaies</span>\r\n          </li>\r\n          <li className=\"hobby\">\r\n            <i className=\"fas fa-seedling\"></i>\r\n            <span>Bénévolat</span>\r\n          </li>\r\n          <li className=\"hobby\">\r\n          <i class=\"fas fa-book-reader\"></i>\r\n            <span>Histoire</span>\r\n          </li>\r\n          <li className=\"hobby\">\r\n          <i class=\"fas fa-car-alt\"></i>\r\n            <span>Automobile</span>\r\n          </li>\r\n          <li className=\"hobby\">\r\n          <i class=\"fas fa-microchip\"></i>\r\n            <span>Technologie</span>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n  );\r\n};\r\n\r\nexport default Hobbies;\r\n","import React from 'react';\r\nimport Experience from '../components/knowledges/Experience';\r\nimport Languages from '../components/knowledges/Languages';\r\nimport OtherSkills from '../components/knowledges/OtherSkills';\r\nimport Navigation from '../components/Navigation';\r\nimport Hobbies from '../components/knowledges/Hobbies'\r\n\r\nconst Knowledges = () => {\r\n    return (\r\n        <div className=\"knowledges\">\r\n            <Navigation/>\r\n            <div className=\"knowledgesContent\">\r\n                <Languages/>\r\n                <Experience/>\r\n                <OtherSkills/>\r\n                <Hobbies/>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Knowledges;","import React from 'react';\r\nimport {NavLink} from 'react-router-dom';\r\nconst NotFound = () => {\r\n    return (\r\n        <div className=\"notFound\">\r\n            <div className=\"notFoundContent\">\r\n                <h3>Cette page n'existe pas !</h3>\r\n                <NavLink exact to=\"/\">\r\n                    <i className=\"fas fa-home\"></i>\r\n                    <span> Accueil</span>\r\n                </NavLink>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default NotFound;","export const portfolioData = [\n  // {\n  //   id: 1,\n  //   name: \"zoheeb-golf.com\",\n  //   languages: [\"spring-boot\", \"bootstrap\"],\n  //   languagesIcons: [\n  //     \"fab fa-java\",\n  //     \"fab fa-js\",\n  //     \"fab fa-bootstrap\",\n  //     \"fab fa-css3-alt\",\n  //   ],\n  //   source: \"https://github.com/zoheebishaq/project-golf-gretaV2\",\n  //   info: \"Cette application est le projet de fin de formation réalisé pour l’obtention du titre professionnel de Concepteur Développeur d'application. L'application a pour thème les tournois de golf . Le projet est hébergé sur un serveur HEROKU, les temps de chargement sont un peu longs au début. \",\n  //   login: \"invite\",\n  //   mdp: \"invite\",\n  //   picture: \"./media/projet5.png\",\n  //   online: \"https://zoheeb-golf.herokuapp.com/\",\n  // },\n  // {\n  //   id: 2,\n  //   name: \"prestigecab.com\",\n  //   languages: [\"spring-boot\", \"bootstrap\"],\n  //   languagesIcons: [\n  //     \"fab fa-java\",\n  //     \"fab fa-js\",\n  //     \"fab fa-bootstrap\",\n  //     \"fab fa-css3-alt\",\n  //   ],\n  //   source: \"https://github.com/zoheebishaq/prestige_cab\",\n  //   info: \"Cette application est le projet de fin de formation réalisé pour l’obtention du titre professionnel de Développeur web et web mobile. L'application a pour thème la vente de voiture. Le projet est hébergé sur un serveur HEROKU, les temps de chargement sont un peu longs au début. \",\n  //   login: \"invite\",\n  //   mdp: \"invite\",\n  //   picture: \"./media/projet7.png\",\n  //   online: \"https://prestigecab-zoheeb.herokuapp.com/\",\n  // },\n  {\n    id: 3,\n    name: \"zoheeb-todo.com\",\n    languages: [\"spring-boot\", \"bootstrap\"],\n    languagesIcons: [\"fab fa-java\", \"fab fa-bootstrap\", \"fab fa-css3-alt\"],\n    source: \"https://github.com/zoheebishaq/todo-management-spring-boot\",\n    info: \"Projet de todo-list, réalisé à partir d'un tuto sur internet dans le cadre de l'apprentissage du framework spring boot. Le projet est hébergé sur un serveur HEROKU, les temps de chargement sont un peu longs au début.\",\n    login: \"admin\",\n    mdp: \"admin\",\n    picture: \"./media/projet3.png\",\n    online: \"https://zoheeb-todo.herokuapp.com/\",\n  },\n  {\n    id: 4,\n    name: \"zoheeb-employe.com\",\n    languages: [\"spring-boot\", \"bootstrap\"],\n    languagesIcons: [\n      \"fab fa-java\",\n      \"fab fa-js\",\n      \"fab fa-bootstrap\",\n      \"fab fa-css3-alt\",\n    ],\n    source: \"https://github.com/zoheebishaq/employe\",\n    info: \"Projet solo sur le thème de la gestion des salariés, ce projet à étais réalisé dans le cadre de l'apprentissage du framework spring boot. Le projet est hébergé sur un serveur HEROKU, les temps de chargement sont un peu longs au début.\",\n    login: \"aucun\",\n    mdp: \"aucun\",\n    picture: \"./media/projet2.png\",\n    online: \"https://zoheeb-employe.herokuapp.com/\",\n  },\n  {\n    id: 5,\n    name: \"zoheeb-react-world.com\",\n    languages: [\"javascript\", \"react\"],\n    languagesIcons: [\n      \"fab fa-js\",\n      \"fab fa-css3-alt\",\n      \"fab fa-sass\",\n      \"fab fa-react\",\n    ],\n    source: \"https://github.com/zoheebishaq/react-world\",\n    info: \"Projet réalisé dans le cadre de l'apprentissage du framework react.js. Ce projet consomme une API qui donne des informations sur tous les pays du monde.\",\n    picture: \"./media/project4.png\",\n    login: \"aucun\",\n    mdp: \"aucun\",\n    online: \"https://zoheeb-react-world.herokuapp.com/\",\n  },\n  {\n    id: 6,\n    name: \"zoheeb-crypto-app.com\",\n    languages: [\"javascript\", \"react\"],\n    languagesIcons: [\"fab fa-js\", \"fab fa-css3-alt\", \"fab fa-react\"],\n    source: \"https://github.com/zoheebishaq/crypto-app\",\n    info: \"Projet réalisé dans le cadre de l'apprentissage du framework react.js. Ce projet consomme une API qui donne des informations sur les cryptomonnaies.\",\n    picture: \"./media/projet6.png\",\n    login: \"aucun\",\n    mdp: \"aucun\",\n    online: \"https://zoheeb-crypto-app.herokuapp.com/\",\n  },\n  {\n    id: 7,\n    name: \"zoheeb-user-api.com\",\n    languages: [\"spring-boot\"],\n    languagesIcons: [\"fab fa-java\"],\n    source: \"https://github.com/zoheebishaq/sb-first-api\",\n    info: \"Projet d'API réalisé dans le cadre de l'apprentissage du framework spring boot. Le projet est hébergé sur un serveur HEROKU, les temps de chargement sont un peu longs au début.\",\n    login: \"aucun\",\n    mdp: \"aucun\",\n    picture: \"./media/projet8.png\",\n    online: \"https://zoheeb-user-api.herokuapp.com/api/users\",\n  },\n  {\n    id: 8,\n    name: \"zoheeb-cour-api.com\",\n    languages: [\"spring-boot\"],\n    languagesIcons: [\"fab fa-java\"],\n    source: \"https://github.com/zoheebishaq/cours-api-rest\",\n    info: \"Projet d'API réalisé dans le cadre de l'apprentissage du framework spring boot. Cette application est une amélioration de ma première API. Cette API est consommée par une autre application qui est dans le portfolio ''zoheeb-react-cour''. Ce projet est hébergé sur un serveur HEROKU, les temps de chargement sont un peu longs au début.\",\n    login: \"aucun\",\n    mdp: \"aucun\",\n    picture: \"./media/projet10.png\",\n    online: \"https://zoheeb-cour-api.herokuapp.com/api/courses\",\n  },\n  {\n    id: 9,\n    name: \"zoheeb-poudlard.com\",\n    languages: [\"bootstrap\"],\n    languagesIcons: [\"fab fa-js\", \"fab fa-bootstrap\", \"fab fa-css3-alt\"],\n    source: \"https://github.com/zoheebishaq/HarryPotter\",\n    info: \"Projet réalisé à partir d'un cour sur Udemy dans le cadre de l'apprentissage de bootstrap 5.0.\",\n    login: \"aucun\",\n    mdp: \"aucun\",\n    picture: \"./media/projet9.png\",\n    online: \"http://zoheeb-poudlard.zoheeb-ishaque.com/\",\n  },\n  {\n    id: 6,\n    name: \"zoheeb-react-cour.com\",\n    languages: [\"javascript\", \"react\", \"bootstrap\"],\n    languagesIcons: [\n      \"fab fa-js\",\n      \"fab fa-css3-alt\",\n      \"fab fa-react\",\n      \"fab fa-bootstrap\",\n    ],\n    source: \"https://github.com/zoheebishaq/courses\",\n    info: \"Projet réalisé dans le cadre de l'apprentissage du framework react.js. Ce projet consomme une API qui j'ai développé ''zoheeb-cour-api.com''.\",\n    picture: \"./media/projet12.png\",\n    login: \"aucun\",\n    mdp: \"aucun\",\n    online: \"https://zoheeb-react-cour.herokuapp.com/\",\n  },\n];\n","import React, { Component } from \"react\";\r\n\r\nexport default class Project extends Component {\r\n  state = {\r\n    showInfo: false,\r\n  };\r\n  handleInfos = () => {\r\n    this.setState({\r\n      showInfo: !this.state.showInfo,\r\n    });\r\n  };\r\n\r\n\r\n  render() {\r\n    let { name, languagesIcons, source, info,login, mdp , picture,online } = this.props.item;\r\n\r\n    return (\r\n      <div className=\"project\">\r\n        <div className=\"icons\">\r\n          {languagesIcons.map((icon) => (\r\n            <i className={icon} key={icon}></i>\r\n          ))}\r\n        </div>\r\n        <h3 onClick={this.handleInfos}>{name}</h3>\r\n        <img src={picture} alt=\"\" onClick={this.handleInfos} />\r\n        <span className=\"infos\" onClick={this.handleInfos}>\r\n          <i className=\"fas fa-plus-circle\"></i>\r\n        </span>\r\n\r\n        {\r\n            this.state.showInfo && (\r\n                <div className=\"showInfos\">\r\n                    <div className=\"infosContent\">\r\n                        <div className=\"head\">\r\n                            <h2>{name}</h2>\r\n                            <div className=\"sourceCode\">\r\n                                <a href={source} rel=\"noopener noreferrer\" className=\"button\" target=\"blank\">GitHub</a>\r\n                            </div>\r\n                            <div className=\"onlineCode\">\r\n                                <a href={online} rel=\"noopener noreferrer\" className=\"button\" target=\"blank\">App en ligne</a>\r\n                            </div>\r\n                        </div>\r\n                        <p className=\"text\">{info}</p>\r\n                        <p className=\"text\"><strong>Nom Utilisateur : {login}</strong></p>\r\n                        <p className=\"text\"><strong>Mot de passe : {mdp}</strong></p>\r\n                        <div className=\"button return\" onClick={this.handleInfos}> \r\n                            Retouner sur la page\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            )\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { portfolioData } from \"../../data/portfolioData\";\r\nimport Project from \"./Project\";\r\n\r\nexport default class ProjectList extends Component {\r\n  state = {\r\n    projects: portfolioData,\r\n    radios: [\r\n      { id: 1, value: \"spring-boot\" },\r\n      { id: 2, value: \"javascript\" },\r\n      { id: 3, value: \"react\" },\r\n      { id: 4, value: \"bootstrap\" },\r\n      \r\n      \r\n    ],\r\n    selectedRadio:'spring-boot'\r\n  };\r\n\r\n  \r\n  handleRadio=(event) =>{\r\n      let radio = event.target.value;\r\n      this.setState({selectedRadio:radio})\r\n  }\r\n\r\n  render() {\r\n    let { projects, radios,selectedRadio } = this.state;\r\n\r\n    return (\r\n      <div className=\"portfolioContent\">\r\n        <ul className=\"radioDisplay\">\r\n          {radios.map((radio) => {\r\n            return (\r\n              <li key={radio.id}>\r\n                <input\r\n                  type=\"radio\"\r\n                  name=\"radio\"\r\n                  checked={radio.value === selectedRadio}\r\n                  value={radio.value}\r\n                  id={radio.value}\r\n                  onChange={this.handleRadio}\r\n                />\r\n                <label htmlFor={radio.value}>{radio.value}</label>\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n        <div className=\"projects\">\r\n          {projects\r\n          .filter(item=>item.languages.includes(selectedRadio))\r\n          .map((item) => {\r\n            return <Project item={item} />;\r\n          })}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React from 'react';\r\nimport Navigation from '../components/Navigation';\r\nimport ProjectList from '../components/portfolio/ProjectList';\r\n\r\nconst Portfolio = () => {\r\n    return (\r\n        <div className=\"portfolio\">\r\n            <Navigation/>\r\n            <ProjectList/>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Portfolio;","import React from \"react\";\nimport { BrowserRouter, Route, Switch } from \"react-router-dom\";\nimport Home from \"./pages/Home\";\nimport Contact from \"./pages/Contact\";\nimport Knowledges from \"./pages/Knowledges\";\nimport NotFound from \"./pages/NotFound\";\nimport Portfolio from \"./pages/Portfolio\";\n\nconst App = () => {\n  return (\n    <>\n      <BrowserRouter>\n        <Switch>\n          <Route path=\"/\" exact component={Home} />\n          <Route path=\"/competences\" component={Knowledges} />\n          <Route path=\"/portfolio\" component={Portfolio} />\n          <Route path=\"/contact\" component={Contact} />\n          <Route component={NotFound} />\n        </Switch>\n      </BrowserRouter>\n    </>\n  );\n};\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport './styles/styles.scss';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}