{"version":3,"sources":["assets/cv.pdf","assets/me outline 2.png","assets/IMG-8854.PNG","assets/website desktop.png","assets/loading.gif","components/header/HeaderButtons.jsx","components/header/HeaderSocials.jsx","components/header/header.jsx","components/nav/nav.jsx","components/about/about.jsx","components/experience/experience.jsx","components/portfolio/portfolio.jsx","components/contact/contact.jsx","components/footer/footer.jsx","App.jsx","index.js"],"names":["module","exports","__webpack_require__","p","HeaderButtons","react_default","a","createElement","className","href","CV","download","HeaderSocials","target","index_esm","fa_index_esm","header","id","header_HeaderButtons","header_HeaderSocials","src","ME","alta","nav","_useState","useState","_useState2","Object","slicedToArray","activeNav","setActiveNav","onClick","ai_index_esm","bi_index_esm","about","alt","hi_index_esm","vsc_index_esm","experience","data","image","IMG1","title","github","demo","hasDemo","IMG2","portfolio","map","_ref","key","contact","form","useRef","amtOfTimesClicked","md_index_esm","ref","onSubmit","e","preventDefault","emailjs","sendForm","current","then","result","console","log","text","error","reset","type","name","placeholder","required","rows","submitBTN","document","getElementById","nameInput","getElementsByName","value","textContent","footer","fi_index_esm","app","Fragment","components_header_header","components_nav_nav","components_about_about","components_experience_experience","components_portfolio_portfolio","components_contact_contact","components_footer_footer","ReactDOM","render","App","querySelector"],"mappings":"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","file":"static/js/main.b8a9763f.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/cv.6ebbca24.pdf\";","module.exports = __webpack_public_path__ + \"static/media/me outline 2.d745fc03.png\";","module.exports = __webpack_public_path__ + \"static/media/IMG-8854.1103e3e8.PNG\";","module.exports = __webpack_public_path__ + \"static/media/website desktop.90906700.png\";","module.exports = __webpack_public_path__ + \"static/media/loading.e7433945.gif\";","import React from 'react'\r\nimport CV from '../../assets/cv.pdf'\r\n\r\nconst HeaderButtons = () => {\r\n    return (\r\n        <div className='hb'>\r\n            <a href={CV} download className='btn'> Download CV</a>\r\n            <a href=\"#contact\" className = 'btn btn-primary'> Let's Talk</a>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default HeaderButtons","import React from 'react'\r\nimport {BsLinkedin} from 'react-icons/bs'\r\nimport {FaGithub} from 'react-icons/fa'\r\n\r\n\r\nconst HeaderSocials = () => {\r\n  return (\r\n    <div className='header__socials'> \r\n    <a href=\"https://www.linkedin.com/in/axelboly/\" target=\"_blank\"><BsLinkedin/></a>\r\n    <a href=\"https://github.com/xrpq\" target=\"_blank\"><FaGithub/></a>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default HeaderSocials","import React from 'react'\r\nimport './header.css'\r\nimport HeaderButtons from './HeaderButtons'\r\nimport ME from '../../assets/me outline 2.png'\r\nimport HeaderSocials from './HeaderSocials'\r\n\r\nconst header = () => {\r\n  return (\r\n    <header id='home'>\r\n      <div className=\"container header__container\">\r\n        <h5>Hello I'm</h5>\r\n        <h1>Axel Boly</h1>\r\n        <h5 className=\"text-light\">Aspiring Software Engineer</h5>\r\n        <HeaderButtons/>\r\n        <HeaderSocials/>\r\n\r\n        <div className='me'>\r\n          <img src={ME} alta=\"me\" />\r\n        </div>\r\n\r\n        <a href=\"#contact\" className='scroll__down'>Scroll Down</a>\r\n      </div>\r\n    </header>\r\n  )\r\n}\r\n\r\nexport default header","import React from 'react'\r\nimport './nav.css'\r\nimport { AiOutlineHome } from 'react-icons/ai'\r\nimport { AiOutlineUser } from 'react-icons/ai'\r\nimport { BiBook } from 'react-icons/bi'\r\nimport { AiOutlineIdcard } from 'react-icons/ai'\r\nimport { BiMessageSquareDetail } from 'react-icons/bi'\r\nimport {useState} from 'react'\r\n\r\nconst nav = () => {\r\n  const [activeNav, setActiveNav] = useState('#home')\r\n  return (\r\n    <nav>\r\n      <a href=\"#home\" onClick={() => setActiveNav('#home')} className={activeNav === '#home' ? 'active' : ''}><AiOutlineHome /></a>\r\n      <a href=\"#about\" onClick={() => setActiveNav('#about')} className={activeNav === '#about' ? 'active' : ''}><AiOutlineUser /></a>\r\n      <a href=\"#experience\" onClick={() => setActiveNav('#experience')} className={activeNav === '#experience' ? 'active' : ''}><BiBook /></a>\r\n      <a href=\"#portfolio\" onClick={() => setActiveNav('#portfolio')} className={activeNav === '#portfolio' ? 'active' : ''}><AiOutlineIdcard /></a>\r\n      <a href=\"#contact\" onClick={() => setActiveNav('#contact')} className={activeNav === '#contact' ? 'active' : ''}><BiMessageSquareDetail /></a>\r\n    </nav>\r\n  )\r\n}\r\n\r\nexport default nav","import React from 'react'\r\nimport './about.css'\r\nimport ME from '../../assets/IMG-8854.PNG'\r\nimport { FaAward } from 'react-icons/fa'\r\nimport { VscFolderLibrary } from 'react-icons/vsc'\r\nimport { HiOutlineAcademicCap } from 'react-icons/hi'\r\n\r\nconst about = () => {\r\n  return (\r\n    <section id='about'>\r\n      <h5>Get to Know</h5>\r\n      <h2>About Me</h2>\r\n\r\n      <div className=\"container about__container\">\r\n\r\n        <div className=\"about__me\">\r\n          <div className=\"about__me-image\">\r\n            <img src={ME} alt=\"About Image\" />\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"about__content\">\r\n          <div className=\"about__cards\">\r\n            <article className='about__card'>\r\n              <FaAward className='about__icon' />\r\n              <h5>Experience</h5>\r\n              <small> 1+ Years Studying</small>\r\n            </article>\r\n\r\n            <article className='about__card'>\r\n              <HiOutlineAcademicCap className='about__icon' />\r\n              <h5>Academics</h5>\r\n              <small> Rising College Sophomore</small>\r\n            </article>\r\n\r\n            <article className='about__card'>\r\n              <VscFolderLibrary className='about__icon' />\r\n              <h5>Projects</h5>\r\n              <small> 10+ Completed Projects</small>\r\n            </article>\r\n\r\n          </div>\r\n          <p>\r\n              Hey! Im Axel Boly, a sophomore at Northeastern University studying computer science. \r\n            I was born and raised in Harlem, New York &#128509;. I love reading, anime, and basketball. \r\n            I created this page so that you could get to know me and see my projects. \r\n            I am activley looking for internship and co-op oppurtunities so feel free to reach out if you think I would be interested!\r\n          </p>\r\n          <p>\r\n            Note: Not all my projects are on my website at the moment, I am actively working on making github repositories for them!\r\n          </p>\r\n\r\n          <a href=\"#contact\" className='btn btn-primary'>Let's Talk</a>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default about","import React from 'react'\r\nimport './experience.css'\r\nimport { BsPatchCheckFill} from 'react-icons/bs'\r\n\r\nconst experience = () => {\r\n  return (\r\n    <section id='experience'>\r\n      <h5>What Skills I have</h5>\r\n      <h2>My Experience</h2>\r\n\r\n      <div className=\"container experience__container\">\r\n        <div className=\"experience__frontend\">\r\n          <h3>Frontend Development</h3>\r\n          <div className=\"experience__content\">\r\n\r\n            <article className='experience__details'>\r\n              <BsPatchCheckFill className='experience__details-icon' />\r\n              <div>\r\n                <h4>CSS</h4>\r\n                <small className='text-light'>Experienced</small>\r\n              </div>\r\n            </article>\r\n\r\n            <article className='experience__details'>\r\n              <BsPatchCheckFill className='experience__details-icon' />\r\n              <div>\r\n                <h4>HTML</h4>\r\n                <small className='text-light'>Experienced</small>\r\n              </div>\r\n            </article>\r\n\r\n            <article className='experience__details'>\r\n              <BsPatchCheckFill className='experience__details-icon' />\r\n              <div>\r\n                <h4>React</h4>\r\n                <small className='text-light'>Intermediate</small>\r\n              </div>\r\n            </article>\r\n\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"experience__backend\">\r\n          <h3>Backend Development</h3>\r\n          <div className=\"experience__content\">\r\n\r\n            <article className='experience__details'>\r\n              <BsPatchCheckFill className='experience__details-icon' />\r\n              <div>\r\n                <h4>Java</h4>\r\n                <small className='text-light'>Experienced</small>\r\n              </div>\r\n            </article>\r\n\r\n            <article className='experience__details'>\r\n              <BsPatchCheckFill className='experience__details-icon' />\r\n              <div>\r\n                <h4>JavaScript</h4>\r\n                <small className='text-light'>Experienced</small>\r\n              </div>\r\n            </article>\r\n\r\n            <article className='experience__details'>\r\n              <BsPatchCheckFill className='experience__details-icon' />\r\n              <div>\r\n                <h4>Node.js</h4>\r\n                <small className='text-light'>Experienced</small>\r\n              </div>\r\n            </article>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default experience","import React from 'react'\r\nimport './portfolio.css'\r\nimport IMG1 from '../../assets/website desktop.png'\r\nimport IMG2 from '../../assets/loading.gif'\r\n\r\nconst data = [\r\n  {\r\n    id: 1,\r\n    image: IMG1,\r\n    title: 'Portfolio Website',\r\n    github: 'https://github.com/xrpq/react-portfolio-website-og',\r\n    demo: '',\r\n    hasDemo: false\r\n  },\r\n  {\r\n    id: 2,\r\n    image: IMG2,\r\n    title: 'More to come!',\r\n    github: 'https://github.com/xrpq',\r\n    demo: 'https://dribbble.com/shots/3633228-Avanti-e-indietro-loader',\r\n    hasDemo: true\r\n  },\r\n\r\n\r\n]\r\nconst portfolio = () => {\r\n  return (\r\n    <section id='portfolio'>\r\n      <h5>My Recent Work</h5>\r\n      <h2>Portfolio</h2>\r\n\r\n      <div className=\"container portfolio__container\">\r\n        {\r\n          data.map(({ id, image, title, github, demo, hasDemo }) => {\r\n\r\n            \r\n            if (hasDemo) {\r\n              return (\r\n                <article key={id} className='portfolio__item'>\r\n                  <div className='portfolio__item-image'>\r\n                    <img src={image} alt={title} />\r\n                  </div>\r\n                  <h3>{title}</h3>\r\n                  <div className=\"portfolio__item-cta\">\r\n                    <a href={github} className='btn' target='_blank'> Github</a>\r\n                    <a href={demo} className='btn btn-primary' target='_blank' id=\"live-demo\">gif credit</a>\r\n                    \r\n\r\n                  </div>\r\n                </article>\r\n                \r\n              ) \r\n              \r\n            }\r\n\r\n            return (\r\n              \r\n              <article key={id} className='portfolio__item'>\r\n                <div className='portfolio__item-image'>\r\n                  <img src={image} alt={title} />\r\n                </div>\r\n                <h3>{title}</h3>\r\n                <div className=\"portfolio__item-cta\">\r\n                  <a href={github} className='btn' target='_blank'> Github</a>\r\n                </div>\r\n              </article>\r\n            )\r\n          })\r\n        }\r\n\r\n\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default portfolio","import React, { useRef } from 'react'\r\nimport './contact.css'\r\nimport { MdOutlineEmail } from 'react-icons/md'\r\nimport emailjs, { EmailJSResponseStatus } from 'emailjs-com'\r\n\r\nconst contact = () => {\r\n\r\n  /* emailJS implementation */\r\n  const form = useRef();\r\n\r\n  const sendEmail = (e) => {\r\n    e.preventDefault();\r\n\r\n    emailjs.sendForm('service_xqsaw4v', 'template_14mxras', form.current, 'ssbABKj0y5h1hDCie')\r\n    .then((result) => {\r\n      console.log(result.text);\r\n  }, (error) => {\r\n      console.log(error.text);\r\n  });\r\n\r\n    e.target.reset();\r\n  };\r\n  /* End of emailJS */\r\n\r\n\r\n  /*Submission Form Display */\r\n  var amtOfTimesClicked = 0;\r\n\r\n  function handleSubmit() {\r\n    amtOfTimesClicked++;\r\n    var submitBTN = document.getElementById(\"submitBtn\");\r\n    var nameInput = document.getElementsByName('name');\r\n\r\n    if (amtOfTimesClicked > 0 && !nameInput.value) {\r\n      submitBTN.textContent = \"Sent! x\"+amtOfTimesClicked;\r\n    }\r\n\r\n  }\r\n  /*End of submission form display*/\r\n\r\n  return (\r\n    <section>\r\n      <h2 id='message-sent' className='hidden'>Message Sent. Thank you for reaching out!</h2>\r\n      <section id='contact'>\r\n        <h5>Get In Touch</h5>\r\n        <h2>Contact Me</h2>\r\n\r\n        <div className=\"container contact__container\" id=\"contact-container\">\r\n          <div className=\"contact__options\">\r\n            <article className=\"contact__option\">\r\n              <MdOutlineEmail className='contact_option-icon' />\r\n              <h4>Email</h4>\r\n              <h5>bolyaxel@gmail.com</h5>\r\n              <a href=\"mailto:bolyaxel@gmail.com\" target=\"_blank\">Send a message</a>\r\n            </article>\r\n\r\n          </div>\r\n          {/*END OF CONTACT OPTIONS */}\r\n          <form ref={form} onSubmit={sendEmail} id='email-form'>\r\n            <input type=\"text\" name='name' placeholder='Your Full Name' required />\r\n            <input type=\"email\" name='email' placeholder='Your Email' required />\r\n            <textarea name=\"message\" rows=\"7\" placeholder='Your Message' required></textarea>\r\n            <button type='submit' className='btn btn-primary sbmtBtn' id='submitBtn' onClick={handleSubmit}>Send Message</button>\r\n          </form>\r\n        </div>\r\n      </section>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default contact","import React from 'react'\r\nimport './footer.css'\r\nimport { FaFacebookF } from 'react-icons/fa'\r\nimport { FiInstagram } from 'react-icons/fi'\r\n\r\nconst footer = () => {\r\n  return (\r\n    <footer>\r\n      <a href=\"#\" className='footer__logo'>Axel Boly</a>\r\n\r\n      <ul className='permalinks'>\r\n        <li><a href=\"#\">Home</a></li>\r\n        <li><a href=\"#about\">About</a></li>\r\n        <li><a href=\"#experience\">Experience</a></li>\r\n        <li><a href=\"#portfolio\">Portfolio</a></li>\r\n        <li><a href=\"#contact\">Contact</a></li>\r\n      </ul>\r\n\r\n\r\n      <div className=\"footer__socials\">\r\n        <a href=\"https://www.instagram.com/axel.otf/\" target=\"_blank\"> <FiInstagram /> </a>\r\n      </div>\r\n\r\n      <div className=\"footer__copyright\">\r\n        <small>&copy; Axel Boly All rights reserved</small>\r\n        <h5>Many thanks to EGATOR Tutorials.</h5>\r\n      </div>\r\n    </footer>\r\n  )\r\n}\r\n\r\nexport default footer","import React from 'react'\r\nimport Header from './components/header/header'\r\nimport Nav from './components/nav/nav'\r\nimport About from './components/about/about'\r\nimport Experience from './components/experience/experience'\r\nimport Portfolio from './components/portfolio/portfolio'\r\nimport Contact from './components/contact/contact'\r\nimport Footer from './components/footer/footer'\r\n\r\nconst app = () => {\r\n  return (\r\n    <>\r\n    <Header />\r\n    <Nav />\r\n    <About />\r\n    <Experience />\r\n    <Portfolio />\r\n    <Contact />\r\n    <Footer />\r\n    </>\r\n  )\r\n}\r\n\r\nexport default app","import React from 'react'\r\nimport ReactDOM from \"react-dom\"\r\nimport App from './App'\r\nimport './index.css'\r\n\r\nReactDOM.render(<App/>, document.querySelector('#root'));"],"sourceRoot":""}