{"version":3,"sources":["components/topbar/Topbar.jsx","components/intro/Intro.jsx","data.js","components/works/Works.jsx","components/contact/Contact.jsx","components/menu/Menu.jsx","App.jsx","index.js"],"names":["Topbar","menuOpen","setMenuOpen","className","href","Mail","onClick","Intro","textRef","useRef","useEffect","init","current","showCursor","strings","id","ref","data","icon","title","desc","img","link","Works","useState","currentSlide","setCurrentSlide","handleClick","way","length","style","transform","map","d","src","alt","Contact","GitHub","fontSize","LinkedIn","Menu","App","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"8SAGe,SAASA,EAAT,GAA4C,IAA1BC,EAAyB,EAAzBA,SAAUC,EAAe,EAAfA,YACzC,OACE,qBAAKC,UAAW,WAAaF,GAAY,UAAzC,SACE,sBAAKE,UAAU,UAAf,UACE,sBAAKA,UAAU,OAAf,UACE,mBAAGC,KAAK,kCAAkCD,UAAU,OAApD,uBAGA,sBAAKA,UAAU,gBAAf,UACE,cAACE,EAAA,EAAD,CAAMF,UAAU,SAChB,wEAGJ,qBAAKA,UAAU,QAAf,SACE,sBAAKA,UAAU,YAAYG,QAAS,kBAAIJ,GAAaD,IAArD,UACE,sBAAME,UAAU,UAChB,sBAAMA,UAAU,UAChB,sBAAMA,UAAU,oB,wBChBb,SAASI,IACtB,IAAMC,EAAUC,mBAMhB,OAJAC,qBAAU,WACRC,YAAKH,EAAQI,QAAS,CAAEC,YAAY,EAAMC,QAAS,CAAC,aAAa,YAAY,iBAAkB,cAAc,uBAC5G,IAGD,qBAAKX,UAAU,QAAQY,GAAG,QAA1B,SACE,qBAAKZ,UAAU,QAAf,SACE,sBAAKA,UAAU,UAAf,UACE,yCACA,qDACA,wCACQ,sBAAMa,IAAKR,cClBrB,IAAMS,EAAO,CACnB,CACEF,GAAI,IACJG,KAAM,yBACNC,MAAO,YACPC,KACE,2DACFC,IACA,8FACAC,KACA,6CAEF,CACEP,GAAI,IACJG,KAAM,oBACNC,MAAO,iBACPC,KACE,yCACFC,IACE,mEACFC,KACA,6CAEF,CACEP,GAAI,IACJG,KAAM,oGACNC,MAAO,kBACPC,KACE,mEACFC,IACE,oGACFC,KACA,wCAEF,CACEP,GAAI,IACJG,KAAM,yBACNC,MAAO,YACPC,KACE,kDACFC,IACA,yBACAC,KACA,K,MCxCW,SAASC,IAAS,IAAD,EACUC,mBAAS,GADnB,mBACvBC,EADuB,KACTC,EADS,KAGxBC,EAAc,SAACC,GAEfF,EADI,SAARE,EACoBH,EAAe,EAAIA,EAAe,EAAI,EACtCA,EAAeR,EAAKY,OAAS,EAAIJ,EAAe,EAAI,IAG1E,OACE,sBAAKtB,UAAU,QAAQY,GAAG,QAA1B,UACE,qBACEZ,UAAU,SACV2B,MAAO,CAAEC,UAAU,eAAD,OAAgC,IAAfN,EAAjB,QAFpB,SAIGR,EAAKe,KAAI,SAACC,GAAD,OACR,qBAAK9B,UAAU,YAAf,SACE,sBAAKA,UAAU,OAAf,UACE,qBAAKA,UAAU,OAAf,SACE,sBAAKA,UAAU,gBAAf,UACE,qBAAKA,UAAU,eAAf,SACE,qBAAK+B,IAAKD,EAAEf,KAAMiB,IAAI,OAExB,oBAAG/B,KAAM6B,EAAEX,KAAX,UAAiB,6BAAKW,EAAEd,QAAxB,SACA,4BAAIc,EAAEb,YAKV,qBAAKjB,UAAU,QAAf,SACE,qBACE+B,IAAKD,EAAEZ,IACPc,IAAI,iBAOhB,qBACED,IAAI,mBACJ/B,UAAU,aACVgC,IAAI,GACJ7B,QAAS,kBAAMqB,EAAY,WAE7B,qBACEO,IAAI,mBACJ/B,UAAU,cACVgC,IAAI,GACJ7B,QAAS,kBAAMqB,U,0BClDR,SAASS,IACtB,OACE,sBAAKjC,UAAU,UAAUY,GAAG,UAA5B,UACE,qBAAKZ,UAAU,OAAf,SACE,qBAAK+B,IAAI,mBAAmBC,IAAI,OAElC,sBAAKhC,UAAU,QAAf,UACE,gDAEA,mBAAGC,KAAK,kCAAR,SACA,cAACiC,EAAA,EAAD,CAAQlC,UAAU,OAAOmC,SAAS,YAClC,mBAAGlC,KAAK,6DAAR,SAAqE,cAACmC,EAAA,EAAD,CAAUpC,UAAU,OAAMmC,SAAS,YACxG,mBAAGlC,KAAK,0CAAR,SAAkD,cAACC,EAAA,EAAD,CAAMF,UAAU,OAAOmC,SAAS,kB,YCZ3E,SAASE,EAAT,GAA0C,IAA1BvC,EAAyB,EAAzBA,SAAUC,EAAe,EAAfA,YACvC,OACE,qBAAKC,UAAW,SAASF,GAAY,UAArC,SACE,+BACE,oBAAIK,QAAS,kBAAIJ,GAAY,IAA7B,SACE,mBAAGE,KAAK,SAAR,qBAEF,oBAAIE,QAAS,kBAAIJ,GAAY,IAA7B,SACE,mBAAGE,KAAK,qFAAR,sBAEF,oBAAIE,QAAS,kBAAIJ,GAAY,IAA7B,SACE,mBAAGE,KAAK,SAAR,wBAEF,oBAAIE,QAAS,kBAAIJ,GAAY,IAA7B,SACE,mBAAGE,KAAK,WAAR,4BCOKqC,MAff,WAAgB,IAAD,EACkBjB,oBAAS,GAD3B,mBACNvB,EADM,KACGC,EADH,KAEb,OACE,sBAAKC,UAAU,MAAf,UACC,cAACH,EAAD,CAAQC,SAAUA,EAAUC,YAAaA,IACzC,cAACsC,EAAD,CAAMvC,SAAUA,EAAUC,YAAaA,IACvC,sBAAKC,UAAU,WAAf,UACE,cAACI,EAAD,IACA,cAACgB,EAAD,IACA,cAACa,EAAD,WCbPM,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,W","file":"static/js/main.1a9e0f3a.chunk.js","sourcesContent":["import \"./topbar.scss\";\nimport { GitHub, Mail } from \"@material-ui/icons\";\n\nexport default function Topbar({ menuOpen, setMenuOpen }) {\n  return (\n    <div className={\"topbar \" + (menuOpen && \"active\")}>\n      <div className=\"wrapper\">\n        <div className=\"left\">\n          <a href=\"https://github.com/shubhangi013\" className=\"logo\">\n             shubhangi\n          </a>\n          <div className=\"itemContainer\">\n            <Mail className=\"icon\" />\n            <span>choudharyshubhangi13@gmail.com</span>\n          </div>\n        </div>\n        <div className=\"right\">\n          <div className=\"hamburger\" onClick={()=>setMenuOpen(!menuOpen)}>\n            <span className=\"line1\"></span>\n            <span className=\"line2\"></span>\n            <span className=\"line3\"></span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import \"./intro.scss\";\nimport { init } from \"ityped\";\nimport { useEffect, useRef } from \"react\";\nimport 'materialize-css';\nexport default function Intro() {\n  const textRef = useRef();\n\n  useEffect(() => {\n    init(textRef.current, { showCursor: true, strings: ['Programmer','Developer','Content Writer', 'Bibliophile','Tech Enthusiast' ] });\n  }, []);\n\n  return (\n    <div className=\"intro\" id=\"intro\">\n      <div className=\"right\">\n        <div className=\"wrapper\">\n          <h2>Hi! I'm</h2>\n          <h1>Shubhangi Choudhary</h1>\n          <h3>\n            I'm a <span ref={textRef}></span>\n          </h3>\n        </div>\n      </div>\n    </div>\n  );\n}\n","export  const data = [\n  {\n    id: \"1\",\n    icon: \"./assets/tictactoe.png\",\n    title: \"TicTacToe\",\n    desc:\n      \"An interactive game of TicTacToe using JS, HTML5 and CSS\",\n    img:\n    \"https://upload.wikimedia.org/wikipedia/de/thumb/f/f9/TicTacToe.svg/1200px-TicTacToe.svg.png\",\n    link:\n    \"https://shubhangi013.github.io/TicTacToe/\"\n  },\n  {\n    id: \"2\",\n    icon: \"./assets/todo.png\",\n    title: \"A To-do webapp\",\n    desc:\n      \"A task managemnet app built upon Axios\",\n    img:\n      \"https://images-eu.ssl-images-amazon.com/images/I/41da3NERJ4L.png\",\n    link:\n    \"https://shubhangi013-todoapp.netlify.app/\"\n  },\n  {\n    id: \"3\",\n    icon: \"https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/800px-React-icon.svg.png\",\n    title: \"To-do React App\",\n    desc:\n      \"An interactive task managemnet app built upon Axios and  React .\",\n    img:\n      \"https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/800px-React-icon.svg.png\",\n    link :\n    \"https://csoc-2021-task-3.vercel.app/\"\n  },\n  {\n    id: \"4\",\n    icon: \"./assets/Shubhangi.png\",\n    title: \"Portfolio\",\n    desc:\n      \"My personal portfolio website built using React\",\n    img:\n    \"./assets/Shubhangi.png\",\n    link:\n    \"\"\n  }\n];\n  \n  ","import { useState } from \"react\";\nimport { data } from \"../../data\";\nimport \"./works.scss\";\nexport default function Works() {\n  const [currentSlide, setCurrentSlide] = useState(0);\n\n  const handleClick = (way) => {\n    way === \"left\"\n      ? setCurrentSlide(currentSlide > 0 ? currentSlide - 1 : 2)\n      : setCurrentSlide(currentSlide < data.length - 1 ? currentSlide + 1 : 0);\n  };\n  \n  return (\n    <div className=\"works\" id=\"works\">\n      <div\n        className=\"slider\"\n        style={{ transform: `translateX(-${currentSlide * 100}vw)` }}\n      >\n        {data.map((d) => (\n          <div className=\"container\">\n            <div className=\"item\">\n              <div className=\"left\">\n                <div className=\"leftContainer\">\n                  <div className=\"imgContainer\">\n                    <img src={d.icon} alt=\"\" />\n                  </div>\n                  <a href={d.link}><h2>{d.title}</h2>   </a>\n                  <p>{d.desc}</p>\n                  \n             \n                </div>\n              </div>\n              <div className=\"right\">\n                <img\n                  src={d.img}\n                  alt=\"\"\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n      <img\n        src=\"assets/arrow.png\"\n        className=\"arrow left\"\n        alt=\"\"\n        onClick={() => handleClick(\"left\")}\n      />\n      <img\n        src=\"assets/arrow.png\"\n        className=\"arrow right\"\n        alt=\"\"\n        onClick={() => handleClick()}\n      />\n    </div>\n  );\n}\n","import \"./contact.scss\";\nimport { GitHub, Mail, LinkedIn } from \"@material-ui/icons\";\nexport default function Contact() {\n  return (\n    <div className=\"contact\" id=\"contact\">\n      <div className=\"left\">\n        <img src=\"assets/shake.png\" alt=\"\" />\n      </div>\n      <div className=\"right\">\n        <h1>Find me here! </h1>\n      \n        <a href=\"https://github.com/shubhangi013\">\n        <GitHub className=\"icon\" fontSize=\"large\"></GitHub></a>\n        <a href=\"https://www.linkedin.com/in/shubhangi-choudhary-32a347205/\"><LinkedIn className=\"icon\"fontSize=\"large\"></LinkedIn></a>\n        <a href=\" mailto:choudharyshubhangi13@gmail.com \"><Mail className=\"icon\" fontSize=\"large\"></Mail></a>\n        </div>\n \n    </div> \n  );\n}\n","import \"./menu.scss\";\n\nexport default function Menu({ menuOpen, setMenuOpen }) {\n  return (\n    <div className={\"menu \"+(menuOpen && \"active\")}>\n      <ul>\n        <li onClick={()=>setMenuOpen(false)}>\n          <a href=\"#intro\">About</a>\n        </li>\n        <li onClick={()=>setMenuOpen(false)}>\n          <a href=\"https://drive.google.com/file/d/1JDuBTrE97-R-LUHD4smaXEL-R44JJ9kv/view?usp=sharing\">Resume</a>\n        </li>\n        <li onClick={()=>setMenuOpen(false)}>\n          <a href=\"#works\">Projects</a>\n        </li>\n        <li onClick={()=>setMenuOpen(false)}>\n          <a href=\"#contact\">Contact</a>\n        </li>\n      </ul>\n    </div>\n  );\n}\n","import Topbar from \"./components/topbar/Topbar\";\nimport Intro from \"./components/intro/Intro\"\nimport Works from \"./components/works/Works\"\nimport Contact from \"./components/contact/Contact\"\nimport \"./app.scss\"\nimport { useState } from \"react\";\nimport Menu from \"./components/menu/Menu\";\n\nfunction App() {\n  const [menuOpen,setMenuOpen] = useState(false)\n  return (\n    <div className=\"app\">\n     <Topbar menuOpen={menuOpen} setMenuOpen={setMenuOpen}/>\n     <Menu menuOpen={menuOpen} setMenuOpen={setMenuOpen}/>\n     <div className=\"sections\">\n       <Intro/>\n       <Works/>\n       <Contact/>\n     </div>\n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);"],"sourceRoot":""}