window.onload = function() { Particles.init({ selector: '.background', maxParticles: 250, color: '#ffffff', minDistance: 120, speed: 0.3, connectParticles: true }); }; Vue.component('image-slider', { props: ['images'], data () { return { currentIndex: 0 } }, methods: { prev () { this.currentIndex = (this.currentIndex - 1 + this.images.length) % this.images.length; }, next () { this.currentIndex = (this.currentIndex + 1) % this.images.length; } }, template: '#sliderTemp' }) Vue.component('experience-slider', { props: ['experiences'], data () { return { currentIndex: 0, descTxtVar:"" } }, mounted() { this.makeItHTML(this.experiences[this.currentIndex].description); }, watch: { currentIndex: function () { this.makeItHTML(this.experiences[this.currentIndex].description) } }, methods: { prev () { this.currentIndex = (this.currentIndex - 1 + this.experiences.length) % this.experiences.length; }, next () { this.currentIndex = (this.currentIndex + 1) % this.experiences.length; }, replaceLineBreaksWithHTML(string) { return string !== undefined ? string.replace(/\n/g, '

') : ""; }, replaceHTMLWithLineBreaks(string) { return string !== undefined ? string.replace(//gi, '\n') : ""; }, makeItHTML(desc){ //var element = document.getElementById("descTxt") //element.innerHTML = this.replaceLineBreaksWithHTML(desc) this.descTxtVar = this.replaceLineBreaksWithHTML(desc) } }, template: '#sliderExp' }) Vue.component('education-slider', { props: ['educations'], data () { return { currentIndex: 0, descTxtVarEdu:"" } }, mounted() { this.makeItHTML(this.educations[this.currentIndex].description); }, watch: { currentIndex: function () { this.makeItHTML(this.educations[this.currentIndex].description) } }, methods: { prev () { this.currentIndex = (this.currentIndex - 1 + this.educations.length) % this.educations.length; }, next () { this.currentIndex = (this.currentIndex + 1) % this.educations.length; }, replaceLineBreaksWithHTML(string) { return string !== undefined ? string.replace(/\n/g, '

') : ""; }, replaceHTMLWithLineBreaks(string) { return string !== undefined ? string.replace(//gi, '\n') : ""; }, makeItHTML(desc){ //var element = document.getElementById("descTxtVarEdu") //element.innerHTML = this.replaceLineBreaksWithHTML(desc) this.descTxtVarEdu = this.replaceLineBreaksWithHTML(desc) } }, template: '#sliderEdu' }) let vm = new Vue({ el: '#app', data() { return { urlLogo: "static/images/LogoKM.png", urlLogoLarge: "static/images/LogoKML.png", modeDark:1, images: [ 'static/images/slider/1.JPG', 'static/images/slider/2.JPG', 'static/images/slider/3.JPG', 'static/images/slider/4.JPG', 'static/images/slider/5.JPG', 'static/images/slider/6.JPG', 'static/images/slider/7.JPG' ], experiences: [ {"_id":0, "title":"Senior Engineer Manager", "logo":"static/images/logos/Softy.png", "company":"StartUp.io", "description":`- Business Applications Project Manager : Scoping, Design and Development of Workflows, Processing, Interfaces, Integrations. • Customer qualification in EMEA in various sectors of activity including Construction, Real Estate and Industry for their BPM digitalization projects. • Fullstack developement and Project lead. ➡️ Develops and deploys Business Process Applications. ➡️ Stock Management, Recruitment, Document Validation.`, "skills":"Software Development · Vue-JS · Node-JS · MongoDB", "startDate":"Sep-2021", "endDate":"May-2023", "location":"Remote · France / MENA" }, {"_id":1, "title":"Market Risks IT Manager", //@ Leed Consulting "logo":"static/images/logos/CACIB.jpeg", "company":"Crédit Agricole", //CIB "description":`- Project Manager in charge of IT adaptive and corrective maintenance. • On Loan perimeter, improving RWA optimization with a built-in Securitization & CDS Allocation solution and setting up ESMA regulatory reporting tool. • In charge of front systems data feeds to meet market risks monitoring and new FRTB metrics calculation needs. ➡️ Monitored new Market risk metrics implementation. ➡️ Designed Loan portfolios RWA Optimization Web Application.`, "skills":"Management · Project Lead · Data Analysis", "startDate":"Oct-2019", "endDate":"Jul-2021", "location":"Paris · France" }, {"_id":2, "title":"Project Manager", "logo":"static/images/logos/SG.jpeg", "company":"Société Générale", "description":`- Leader of Liquidity Program Fast-IT team : Strategic project management on the Liquidity, Rates and Exchange scopes. • Building and improving steering and regulatory tools : Accounting consistency, Liquidity metrics, Bail-in (MREL), Asset Encumbrance. ➡️ Instructed needs in response to urgent requests from regulators, internal inspection and management. ➡️ Managed the Engineering team projects, Supported daily basis Production and followed up Industrialisation.`, "skills":"Management · Project Lead · ALM", "startDate":"Sep-2017", "endDate":"Aug-2019", "location":"Paris · France" }, {"_id":3, "title":"Project Developer", "logo":"static/images/logos/SG.jpeg", "company":"Société Générale", "description":`- Project Engineer at Liquidity Program Fast-IT team working along with finance Department : Treasury, ALM, Resolution and Regulatory Production. • Development of Analysis and KPI tools for Finance Central departments and Global entities. ➡️ Scoped business needs at Group and Entity level and Automated production and distribution of analysis files. ➡️ Designed and Implemented Tools & Reports for : Regulatory, Steering, Accounting consistency and Data Quality.`, "skills":"Advanced Oracle SQL · MS Access / Excel VBA · Data Analysis", "startDate":"Aug-2014", "endDate":"Aug-2017", "location":"Paris · France" }, {"_id":4, "title":"Solution Analyst Junior", //Intern - "logo":"static/images/logos/C2P.jpeg", "company":"Clear2Pay", "description":`- In the Clear2Pay Open Test Solutions team responsible for designing and implementing SWIFT to SEPA conformity testing solution. • Experience with SWIFT and SEPA XML messaging. • Experience with banking transactions testing. • Understanding of payments processing technology. ➡️ Analyzed and worked on improving the current banking transactions testing solution to ensure that the mapping was accurate and complete.`, "skills":" Testing · XML · Data Analysis", "startDate":"Dec-2013", "endDate":"Apr-2014", "location":"Brussels · Belgium" }, {"_id":5, "title":"Innovation Engineer Junior", //Intern - "logo":"static/images/logos/Amadeus.jpeg", "company":"Amadeus", "description":`- In the Server Side Extensibility team, as Part of R&D department, develops highly interactive secured solutions allowing customers to personalize Amadeus platform and interact with their own IT. • Technological Watch and Development along with Amadeus general architecture. ➡️ Produced a Push technologies comparative study based on a selection of criteria as Client and Server side Compatibility, Protocol, Appliance, Security. ➡️ Developed a Two-factor authentication solution with multi-channel Push notifications with full integration in Amadeus PaaS ecosystem.`, "skills":"Software Development · JavaScript · Java · WebSockets", "startDate":"Apr-2013", "endDate":"Sep-2013", "location":"Nice · France" } ], educations: [ {"_id":0, "title":"Engineering School", "logo":"static/images/logos/ECN.jpeg", "company":"Centrale Nantes", "description":`- General Engineer Master’s degree (Grande Ecole). Centrale Nantes is one of the top Engineering Schools in France. • Major IT : Architecture, Quality and Computer Science. • Minor Finance : Market and Corporate finance. ➡️ A one year R&D research project in geographic information systems (GIS). ➡️ Community life : Member of the school Entrepreneurship Club. Participated at the organization of the Annual Regional forum.`, "skills":"General Engineering · IT · Finance", "startDate":"Sep-2009", "endDate":"Apr-2014", "location":"Nantes · France" }, {"_id":1, "title":"Executive Program · ICCF", "logo":"static/images/logos/HEC.jpeg", "company":"HEC Paris", "description":`- A Corporate Finance program in a top Management School in France. • Financial Analysis : Analyze and interpret financial documents in order to audit the financial situation of a company with accuracy. • Investment and Financing : Understand and compare different methods for rebuilding the value of a company. • Business Valuation : Decision-making tools for investment and financing. ➡️ ICCF@HEC PARIS Certificate`, "skills":"Financial Analysis · Business Valuation", "startDate":"Oct-2021", "endDate":"Jun-2022", "location":"Paris · France" }, {"_id":2, "title":"Classes préparatoires · CPGE", "logo":"static/images/logos/Joffre.png", "company":"Lycée Joffre", "description":`- An intensive course to prepare entrance for the most competitive engineering and science schools (Grandes Ecoles) in France. • MPSI-MP* is a rigorous curriculum of Advanced courses covering a wide range of topics in mathematics and physics. ➡️ Ability to think critically and solve problems creatively. ➡️ Foundations of research, engineering and Algorithmics. ➡️ Excellent communication and teamwork skills.`, "skills":"Mathematics · Physics", "startDate":"Sep-2006", "endDate":"Aug-2009", "location":"Montpellier · France" } ] } }, created() { this.openFullScreen(); }, methods: { openFullScreen() { const loading = this.$loading({ lock: true, text: 'Resume Loading', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 1)' }); setTimeout(() => { loading.close(); }, 2500); }, switchMode(h) { this.modeDark = h } } }) let vm2 = new Vue({ el: '#footer', data() { return { urlLogoLarge: "static/images/LogoKM.png" } } })