{"version":3,"sources":["Menu.js","Aboutme.js","Projectviewer.js","Projects.js","Footer.js","Skills.js","Modal.js","App.js","index.js"],"names":["Menu","show","className","id","href","onClick","map","menu","index","anchor","replace","Aboutme","state","skills","src","alt","target","Component","Projectviewer","projects","project","name","desc","pic","link","rel","type","value","github","Projects","Footer","Skills","skill","Modal","hide","display","style","App","useState","setDisplay","showAt","speed","easing","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.e41d106a.chunk.js","sourcesContent":["import React from 'react';\nimport AnchorLink from 'react-anchor-link-smooth-scroll';\n\nexport default function Menu({show}){\n \n    const menus = [\"About Me\", \"Skills\",\"Projects\",  \"Contact Me\"];\n    \n        return (\n           <section className=\"header\" id=\"header\">\n               <div className=\"menu\">\n                <a href=\"#header\" className=\"menu__button\" onClick={() => show()}>\n                    <div className=\"menu__button--bar\"></div>\n                    <div className=\"menu__button--bar\"></div>\n                    <div className=\"menu__button--bar\"></div>\n                </a>\n                {menus.map((menu,index)=>{\n                let anchor = `#${menu}`.replace(/\\s/g,'');\n                return(\n                    <AnchorLink className=\"menu__link\" href={anchor} key={index}>{menu}</AnchorLink>\n                )\n                })}\n                </div>\n           </section>\n        )\n}","import React, { Component } from \"react\";\n\nclass Aboutme extends Component {\n  state = {\n    skills: [\n      \"HTML\",\n      \"CSS3\",\n      \"SASS\",\n      \"JS\",\n      \"Node.js\",\n      \"React\",\n      \"API\",\n      \"MySql\",\n      \"Sequelize\",\n    ],\n  };\n  render() {\n    return (\n      <div className=\"about\">\n        <section id=\"AboutMe\">\n          <div className=\"about__text\">\n            <h2 className=\"section__title\">About Me</h2>\n            <div className=\"profile1\">\n              <img\n                className=\"profile1__pic\"\n                src=\"/pic/pouyan.jpg\"\n                alt=\"Pouyan Zarbafian\"\n              />\n            </div>\n            <p className=\"about__p\">\n              I am Pouyan Zarbafian, an alumni of Concordia University in\n              Computer Science, and LightHouse Labs alumni in Web development.{\" \"}\n              <br />I also graduated from BrainStation College as a Full Stack\n              Web Developer in 2018.\n              <br /> Coding is my passion and I am always open to exploring new\n              tools and platforms.\n              <br />I love playing chess, BBQing, camping, canoeing, doing\n              martial arts, and cooking.\n            </p>\n            <a className=\"button\" href=\"/pouyan-zarbafian.pdf\" target=\"blank\">\n              Resume\n            </a>\n          </div>\n        </section>\n      </div>\n    );\n  }\n}\n\nexport default Aboutme;\n","function Projectviewer({ projects }) {\n  return projects.map((project, index) => {\n    return (\n      <article className=\"project\" key={index} id={project.name}>\n        <h2 className=\"project__h2\">{project.name}</h2>\n        <p className=\"project__p\">{project.desc}</p>\n        <div className=\"project__ImgWrapper\">\n          <img className=\"project__img\" src={project.pic} alt={project.name} />\n        </div>\n        <a href={project.link} target=\"_blank\" rel=\"noopener noreferrer\">\n          <button className=\"project__button\" type=\"button\" value=\"View\">\n            View\n          </button>\n        </a>\n        <a href={project.github} target=\"_blank\" rel=\"noopener noreferrer\">\n          <button className=\"project__button\" type=\"button\" value=\"GitHub\">\n            GitHub\n          </button>\n        </a>\n      </article>\n    );\n  });\n}\n\nexport default Projectviewer;\n","import React from \"react\";\nimport Projectviewer from \"./Projectviewer\";\n\nfunction Projects() {\n  const projects = [\n    {\n      id: 1,\n      name: \"SmartBrain\",\n      desc: \"Responsive face recognition app using React Hooks, Tachyons, Express server, and Postgres to face recognize in the photos\",\n      link: \"http://pouyanzar.github.io/facerecognition\",\n      github: \"https://github.com/pouyanzar/facerecognition\",\n      pic: \"/pic/smart-brain.png\",\n    },\n    {\n      id: 2,\n      name: \"RoboFriends\",\n      desc: \"Responsive search engine using React Hooks, Tachyons and Redux to filter robots\",\n      link: \"https://pouyanzar.github.io/robofriends\",\n      github: \"https://github.com/pouyanzar/robofriends\",\n      pic: \"/pic/robofriends.png\",\n    },\n    {\n      id: 3,\n      name: \"ToDoList\",\n      desc: \"Responsive ToDoList app using React Hooks and Bootstrap\",\n      link: \"https://project-todolist-1.netlify.app/\",\n      github: \"https://github.com/pouyanzar/todolist\",\n      pic: \"/pic/todolist.png\",\n    },\n\n    {\n      id: 4,\n      name: \"BrainFlix\",\n      desc: \"Responsive cloned YouTube using React, Node.js, API functions\",\n      link: \"https://branflix.netlify.app\",\n      github: \"https://github.com/pouyanzar/brainflix\",\n      pic: \"/pic/branflix.png\",\n    },\n    {\n      id: 5,\n      name: \"FoodFinder\",\n      desc: \"Responsive receipe search engine using React, Node.js, edamam website's APIs\",\n      link: \"https://receipefinder.netlify.app\",\n      github: \"https://github.com/pouyanzar/foodfinder\",\n      pic: \"/pic/receipeSC.png\",\n    },\n    {\n      id: 6,\n      name: \"Inventory\",\n      desc: \"As a member of a collaborative project, a warehouse designed with the possibility of adding, sorting, deleting branches, users, and items. The developers communicated via GitHub and Jira\",\n      link: \"https://theinventory.netlify.app\",\n      github: \"https://github.com/pouyanzar/inventory\",\n      pic: \"/pic/inventory.png\",\n    },\n    {\n      id: 7,\n      name: \"Finder\",\n      desc: \"MySQL, Node.js, React have been used to build a search engine for truck parts with ability of filtering fields. \",\n      link: \"https://github.com/pouyanzar/finderapp\",\n      github: \"https://github.com/pouyanzar/finderapp\",\n      pic: \"/pic/finderSC.png\",\n    },\n    {\n      id: 8,\n      name: \"QFP\",\n      desc: \"MySQL, Node.js, React have been used to build a online store for truck parts.\",\n      link: \"https://github.com/pouyanzar/qfp\",\n      github: \"https://github.com/pouyanzar/qfp\",\n      pic: \"/pic/qfpSC.png\",\n    },\n  ];\n\n  return (\n    <section id=\"Projects\">\n      <h2 className=\"section__title\">Projects</h2>\n      <Projectviewer projects={projects} />\n    </section>\n  );\n}\n\nexport default Projects;\n","import React,{Component} from 'react';\n\nexport default function Footer(){\n\n    return (\n        <footer className=\"footer\">\n            <section id=\"ContactMe\"><h2 className=\"section__title\"> Contact Me</h2></section>\n            <p>\n                <a href=\"mailto:pouyan.zarbafian@hotmail.com\">pouyan.zarbafian@hotmail.com</a>\n            </p>\n            <p className=\"footer__img\">\n                <a href=\"https://github.com/pouyanzar\"><img src=\"/pic/github.png\" alt=\"GitHub\"/></a>\n                <a href=\"https://www.linkedin.com/in/pouyan-zarbafian/\"><img src=\"/pic/linkedin.png\" alt=\"Linkedin\"/></a>\n                </p>\n        </footer>\n    )\n}","import React from \"react\";\n\nexport default function Skills() {\n  const skills = [\n    \"/pic/html51.svg\",\n    \"/pic/css3.svg\",\n    \"/pic/sass.svg\",\n    \"/pic/js.svg\",\n    \"/pic/react.png\",\n    \"/pic/npm.svg\",\n    \"/pic/nodejs3.svg\",\n    \"/pic/sql.png\",\n    \"/pic/mysql.png\",\n    \"/pic/mongodb.png\",\n    \"/pic/postgresql.png\",\n    \"/pic/mocha_chai.png\",\n    \"pic/storybook.png\",\n    \"pic/cypress.webp\",\n  ];\n\n  return (\n    <section id=\"Skills\" className=\"skill\">\n      <h2 className=\"section__title\">Skills</h2>\n      <div className=\"skill__img\">\n        {skills.map((skill, index) => {\n          return (\n            <img\n              src={skill}\n              className=\"skill__img--pic\"\n              key={index}\n              alt={skill}\n            />\n          );\n        })}\n      </div>\n    </section>\n  );\n}\n","import React from 'react';\n\nexport default function Modal({hide, display}) {\n    const menus = [\"About Me\", \"Skills\",\"Projects\",  \"Contact Me\"];\n\n    return (\n        <div style={{display: display ? \"block\" : \"none\"}} className=\"modal\">\n            \n            <p onClick={() => hide()}>X</p>\n            {menus.map((menu,index)=>{\n                let anchor = `#${menu}`.replace(/\\s/g,'');\n                return(\n                     <a href={anchor} key={index} onClick={() => hide()}>{menu}</a>\n                )\n            })}\n           \n        </div>\n    )\n}\n","import React, { useState } from \"react\";\nimport Menu from \"./Menu\";\nimport Aboutme from \"./Aboutme\";\nimport Projects from \"./Projects\";\nimport Footer from \"./Footer\";\nimport Skills from \"./Skills\";\nimport BackToTop from \"react-back-to-top-button\";\nimport Modal from \"./Modal\";\nfunction App() {\n  const [display, setDisplay] = useState(false);\n  const show = () => {\n    setDisplay(true);\n  };\n  const hide = () => {\n    setDisplay(false);\n  };\n\n  return (\n    <div className=\"App\">\n      <Menu show={show} />\n      <Modal hide={hide} display={display} />\n      <Aboutme />\n      <BackToTop showAt={100} speed={1500} easing=\"easeInOutQuint\">\n        ⬆️\n      </BackToTop>\n      <Skills />\n      <Projects />\n      <Footer />\n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(<App/>, document.getElementById('root'));"],"sourceRoot":""}