{"version":3,"sources":["components/NavBar.js","images/userprofileFilterCut.jpeg","components/Intro.js","components/CardProject.js","images/quiz-logo.png","images/Tira-logo.png","images/booky-logo.png","components/Projects.js","components/Skills.js","pages/HomePage.js","components/Footer.js","pages/BlogPage.js","App.js","reportWebVitals.js","index.js"],"names":["NavBar","className","href","to","Intro","id","src","me","alt","class","CardProject","props","project","useState","hover","setHover","style","background","img","backgroundRepeat","backgroundSize","backgroundPosition","minWidth","minHeight","padding","onMouseEnter","onMouseLeave","githubLink","demoLink","name","Projects","projectsList","quiz","tira","booky","map","Skills","HomePage","Footer","BlogPage","App","exact","path","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.63aa739b.chunk.js","sourcesContent":["import React from \"react\";\nimport { NavLink } from \"react-router-dom\";\nimport \"./NavBar.css\";\nconst NavBar = () => {\n  return (\n    <div className=\"NavBar\">\n      <a href=\"#Top\" className=\"view\">\n        About Me\n      </a>\n      {/* <a href=\"#Top\" class=\"view\">Read Me</a> */}\n      <a href=\"#Skills\" className=\"view\">\n        Skills\n      </a>\n      <a href=\"#Projects\" className=\"view\">\n        My work\n      </a>\n      <NavLink to=\"/blog\" className=\"view\">\n        Blog\n      </NavLink>\n    </div>\n  );\n};\n\nexport default NavBar;\n","export default __webpack_public_path__ + \"static/media/userprofileFilterCut.1a56c7ea.jpeg\";","import React from \"react\";\nimport me from \"../images/userprofileFilterCut.jpeg\";\n\nconst Intro = () => {\n  return (\n    <>\n      <div className=\"Intro-Div\" id=\"Top\">\n        <div className=\"intro-item\">\n          <img src={me} className=\"me\" alt=\"me\"></img>\n        </div>\n        <div className=\"intro-item\">\n          <div className=\"text\">\n            <h3 className=\"subtitle\">About me</h3>\n            <p>\n              Hi! My name is Hawa, I am a recent graduate in Mathematics.\n              Currently I am a student at the Black Codher BootCamp, where I\n              learn about new programming languages and tools to become a\n              full-stack developer.\n            </p>\n          </div>\n          <div className=\"social-media links\">\n            <a href=\"https://www.linkedin.com/in/hawa-bah-bah/\">\n              <i class=\"fab fa-linkedin fa-7x\"></i>\n            </a>\n\n            <a class=\"twitter-profile\" href=\"https://twitter.com/HawaCodes/\">\n              <i class=\"fab fa-twitter fa-7x\"></i>\n            </a>\n            <a href=\"https://github.com/hawa-bah\">\n              <i class=\"fab fa-github fa-7x\"></i>\n            </a>\n            <a href=\"mailto:hawabahbah25@gmail.com\">\n              <i class=\"far fa-envelope fa-7x\"></i>\n            </a>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\nexport default Intro;\n","import React, { useState } from \"react\";\nimport \"./CardProject.css\";\nimport Projects from \"./Projects\";\n\nconst CardProject = (props) => {\n  let { project } = props;\n  const [hover, setHover] = useState(false);\n  return (\n    <>\n      <div key={project.name}>\n        <div className=\"CardProject Div\">\n          <div\n            className=\"CardProject Sub-Div\"\n            style={{\n              background: \"url(\" + project.img + \")\",\n              backgroundRepeat: \"no-repeat\",\n              backgroundSize: \"cover\",\n              backgroundPosition: \"center\",\n              minWidth: \"300px\",\n              minHeight: \"200px \",\n              padding: \"5px\",\n            }}\n            onMouseEnter={() => setHover(true)}\n            onMouseLeave={() => setHover(false)}\n          >\n            {hover && (\n              <div className=\"hoveredCard\">\n                <div>\n                  <a href={project.githubLink} key={project.githubLink}>\n                    <i className=\"fab fa-github fa-3x\"></i>\n                  </a>\n                  <a href={project.demoLink} key={project.demoLink}>\n                    <i className=\"fas fa-link fa-3x\"></i>\n                  </a>\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\nexport default CardProject;\n","export default __webpack_public_path__ + \"static/media/quiz-logo.ae4ee4fb.png\";","export default __webpack_public_path__ + \"static/media/Tira-logo.a71c20d2.png\";","export default __webpack_public_path__ + \"static/media/booky-logo.47775b3d.png\";","import React from \"react\";\n\nimport \"./CardProject.css\";\nimport CardProject from \"./CardProject\";\nimport quiz from \"../images/quiz-logo.png\";\nimport tira from \"../images/Tira-logo.png\";\nimport booky from \"../images/booky-logo.png\";\n\nconst Projects = () => {\n  const projectsList = [\n    {\n      img: quiz,\n      name: \"Capital-City Quiz\",\n      githubLink: \"https://github.com/hawa-bah/hawa-bah.github.io\",\n      demoLink: \"https://hawa-bah.github.io/\",\n    },\n    {\n      img: tira,\n      name: \"Expense Tracker for Trips\",\n      githubLink:\n        \"https://github.com/hawa-bah/black-codher-my-personal-project\",\n      demoLink: \"https://black-codher-hawa.herokuapp.com/\",\n    },\n    {\n      img: booky,\n      name: \"This portafolio\",\n      githubLink: \"\",\n      demoLink: \"\",\n    },\n  ];\n  return (\n    <>\n      <div className=\"Projects-Div\" id=\"Projects\">\n        <h3 className=\"subtitle\">My Work</h3>\n        <div className=\"projectsList\">\n          {projectsList.map((project) => {\n            return (\n              <>\n                <CardProject project={project} key={project.name} />\n              </>\n            );\n          })}\n        </div>\n      </div>\n    </>\n  );\n};\nexport default Projects;\n","import React from \"react\";\n\nconst Skills = () => {\n  return (\n    <>\n      <div className=\"Skills-Div\" id=\"Skills\">\n        <div className=\"skills subtitle\">\n          <h3>Technical Skills</h3>\n        </div>\n        <div className=\"container\">\n          <div>HTML</div>\n          <div>CSS</div>\n          <div>JavaScript</div>\n          <div>JQuery</div>\n          <div>Reactjs</div>\n          <div>Nodejs</div>\n          <div>MongoDB</div>\n        </div>\n      </div>\n    </>\n  );\n};\nexport default Skills;\n","import React from \"react\";\nimport Intro from \"../components/Intro\";\nimport Projects from \"../components/Projects\";\nimport Skills from \"../components/Skills\";\nimport \"./HomePage.css\";\n\nconst HomePage = () => {\n  return (\n    <>\n      <div className=\"HomePage-Div\">\n        <div className=\"Top-Div\">\n          <div className=\"title myname\">\n            <h1>Hawa Bah</h1>\n          </div>\n        </div>\n        <Intro />\n        <div className=\"space\"></div>\n        <Skills />\n        <div className=\"space\"></div>\n        <Projects />\n      </div>\n    </>\n  );\n};\nexport default HomePage;\n","import React from \"react\";\nimport \"../pages/HomePage.css\";\nconst Footer = () => {\n  return (\n    <>\n      <div className=\"Footer Div\">\n        <p>\n          <i className=\"far fa-copyright\"></i> 2021 Built by Hawa Bah\n        </p>\n      </div>\n    </>\n  );\n};\n\nexport default Footer;\n","import React from \"react\";\n\nconst BlogPage = () => {\n  return (\n    <>\n      <div className=\"BlogPage-Div\">\n        <div className=\"blog bar\"></div>\n      </div>\n    </>\n  );\n};\n\nexport default BlogPage;\n","import \"./App.css\";\nimport React from \"react\";\nimport NavBar from \"./components/NavBar\";\nimport HomePage from \"./pages/HomePage\";\nimport Footer from \"./components/Footer\";\nimport { BrowserRouter as Router, Route } from \"react-router-dom\";\nimport BlogPage from \"./pages/BlogPage\";\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Router>\n        <Route exact path=\"/\">\n          <NavBar />\n          <HomePage />\n          <Footer />\n        </Route>\n        <Route exact path=\"/blog\">\n          <BlogPage />\n        </Route>\n        {/* <Route exact path=\"\" */}\n      </Router>\n    </div>\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';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\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":""}