{"version":3,"sources":["Bio.js","Socials.js","ProjectCard.js","Projects.js","App.js","reportWebVitals.js","index.js"],"names":["Bio","className","href","target","Socials","src","ProjectCard","frontend","backend","stack","title","summary","image","console","log","Card","style","width","flex","Img","height","Body","Title","Text","Link","Projects","projectObjects","map","project","id","Container","display","flexDirection","gridTemplateColumns","margin","App","useState","showBio","setShowBio","showProjects","setShowProjects","showSocials","setShowSocials","onClick","n","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.3b35d139.chunk.js","sourcesContent":["import React from 'react';\n\n\nfunction Bio(){\n    return(\n        <div className=\"bio\" >\n    <p className=\"bioText\"> Hey there, welcome to my page. I'm an aspiring software engineer,aand a recent graduate of Flatiron School. I'm proficient in React, Ruby on Rails, Python and Javascript.\n                            I invite you to check out my <a href=\"/resume.pdf\" target=\"_blank\"> resume</a> or explore my work. If you'd like to speak,\n                            don't afraid to <a href = \"mailto: mzthomas96@gmail.com\">reach out.</a>\n\n        </p>\n        </div>\n        \n    )\n}\nexport default Bio","import React from 'react';\n\nfunction Socials(){\n    return (\n   <div>\n       <a className=\"link-text\" href = \"mailto: mzthomas96@gmail.com\"><img src=\"/images/gmail.png\" ></img>Email me!</a><br /><br />\n       <a className=\"link-text\" href = \"https://github.com/mzthomas961?tab=repositories\"><img src=\"/images/github.png\" ></img> Github</a><br /> <br />\n       <a className=\"link-text\" href = \"https://mzthomas96.medium.com/\"><img src=\"/images/medium.png\" ></img> Medium</a>\n\n   </div>\n    )\n}\nexport default Socials","import React from 'react';\nimport Card from 'react-bootstrap/Card'\n\n\n\nfunction ProjectCard({frontend,backend,stack,title,summary,image}){\n    console.log(image)\n    return(\n        <Card className = 'box'style={{ width: '31rem' }} style={{flex: 1}} className=\"card\">\n        <Card.Img src={image} className=\"card-image\" width=\"135\" height=\"125\"/>\n        <Card.Body>\n          <Card.Title className=\"card_title\">\n              {title}\n              </Card.Title>\n          <Card.Text className=\"card-text\">\n            Tech Stack: {stack}<br />\n            <br />\n            {summary}\n            \n          </Card.Text>\n        </Card.Body>\n        <Card.Body className=\"card-links\">\n          <Card.Link href={frontend} >Front End </Card.Link>\n          {backend === \"n/a\" ? null:  <Card.Link href={backend}>Back end</Card.Link>}\n        </Card.Body>\n      </Card>\n    )\n\n}\nexport default ProjectCard ","import React from 'react';\nimport ProjectCard from './ProjectCard';\nimport { Container } from \"react-bootstrap\";\nimport CardDeck from 'react-bootstrap/Card'\n\n\n\n\n\nfunction Projects(){\n    const data = [\n        {\n        \"id\":1, \n        \"title\": \"Ruby CLI\",\n        \"stack\": \"Ruby\",\n        \"frontend\": \"https://github.com/mzthomas961/Ruby-CLI\",\n        \"backend\": \"n/a\",\n        \"summary\": \"Command Line Interface built entirely  in Ruby, meant to simulate a fully functioing forum.\",\n        \"image\": \"/images/CLI.png\"\n\n    },\n    {\n        \"id\":2, \n        \"title\": \"Transparent Travel\",\n        \"stack\": \"Ruby on Rails\",\n        \"frontend\": \"https://github.com/mzthomas96/TransparentTravel\",\n        \"backend\" : \"n/a\",\n        \"summary\": \"Mock web interface for travel agents to bpok vacations\",\n        \"image\": \"/images/TT.png\"\n    },\n    {\n        \"id\":3, \n        \"title\": \"Bean Tracker\",\n        \"stack\": \"Javascript and Ruby on Rails\",\n        \"frontend\": \"https://github.com/mzthomas961/BeanTracker-Frontend\", \n        \"backend\":\"https://github.com/mzthomas961/BeanTracker-Backend\",\n        \"summary\": \"Fully functioning Coffeeshop web-app.\",\n        \"image\": \"/images/BeanTracker.png\"\n\n    },\n    {\n        \"id\":4, \n        \"title\": \"Git Right Kitchen\",\n        \"stack\": \"React and Ruby on Rails\",\n        \"frontend\": \"https://github.com/mzthomas961/Git-Right-Recipes-Frontend\",\n        \"backend\":\"https://github.com/mzthomas961/Git-Right-Recipes-Backend\",\n        \"summary\": \"React app to find and save recipes\",\n        \"image\": \"http://cdn.shopify.com/s/files/1/1061/1924/products/24_grande.png?v=1571606116\"\n\n    },\n    {\n        \"id\":5, \n        \"title\": \"Feed Your Neighbor\",\n        \"stack\": \"React and Ruby on Rails\",\n        \"frontend\": \"https://github.com/mzthomas961/Feed-Your-Neighbor-Frontend\",\n        \"backend\":\"https://github.com/mzthomas961/Feed-Your-Neighbor-Backend\",\n        \"summary\": \"Social network to share/trade homemade food\",\n        \"image\": \"/images/FYN.png\"\n\n    },\n    {\n        \"id\":6, \n        \"title\": \"Discord Movie Bot\",\n        \"stack\": \"Python\",\n        \"frontend\": \"https://github.com/mzthomas961/MovieBot\",\n        \"backend\":\"n/a\",\n        \"summary\": \"Discord bot that gives random recommendations based on user input. Can filteer by genre and cast\",\n        \"image\": \"https://i.gadgets360cdn.com/large/discord_main_website_1615986172916.jpg\"\n\n\n    }\n    \n\n    ]\n    const projectObjects = data.map((project) => {\n        return(\n            <ProjectCard\n            key = {project.id}\n            title = {project.title}\n            stack = {project.stack}\n            frontend = {project.frontend}\n            backend = {project.backend}\n            summary = {project.summary}\n            image = {project.image}\n            />\n        )\n    })\n\n    return (\n       <div className=\"projects-div\">\n\n<Container style={{display: 'flex', flexDirection: 'row'}} className=\"box\">\n<CardDeck  style={{\n          display: \"grid\",\n          gridTemplateColumns: \"390px 390px 390px\",\n          margin: \"15px 15px 15px 15px\",\n        }}>\n    {projectObjects}\n    </CardDeck>\n</Container>\n        </div>\n      \n    )\n}\nexport default Projects","import React, {useState} from 'react';\nimport Bio from \"./Bio\"\nimport Socials from \"./Socials\"\nimport Projects from \"./Projects\"\nimport './App.css';\n\nfunction App() {\n  ///DECLARING STATE\n  const [showBio,setShowBio] = useState(true);\n  const [showProjects,setShowProjects] =  useState(false);\n  const [showSocials,setShowSocials] = useState(false);\n\n  function bioHandler(){\n    setShowBio(!showBio)\n    setShowProjects(false)\n    setShowSocials(false)  \n  }\n  function projectsHandler(){\n    setShowProjects(!showProjects)\n    setShowBio(false)\n    setShowSocials(false)  \n  }\n\n  \n  function socialsHandler(){\n    setShowSocials(!showSocials)  \n    setShowProjects(false)\n    setShowBio(false)\n}\n\n\n  return (\n    <div className=\"App\">\n      <button className=\"navbar-btn\" onClick ={bioHandler}n>about me</button >\n      <button className=\"navbar-btn\"  onClick ={projectsHandler}n>my work</button>\n      <button className=\"navbar-btn\"  onClick ={socialsHandler}n>get in touch</button>\n\n      {showBio ? <Bio/> : null} \n      {showProjects ? <Projects/> : null} \n      {showSocials ? <Socials/> : null} \n\n\n\n\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":""}