\n
\n );\n};\n\nexport default Bio;\n","import React, { useRef, useEffect, useState } from \"react\";\nimport NameLogo from \"./NameLogo\";\nconst ContactFormInput = (props) => {\n return (\n \n
\n \n 
\n
\n \n
\n\n Amanda de Paula (Reis)
\n\n
\n (she/her)
\n Hi! My name is Amanda, and I am front end engineer currently based in\n San Francisco, Ca. My passions include coffee, React.js, minimalistic\n design, chocolate and fine wine.\n\n \n www.exploretravel.tips\n \n
\n\n Weather App\n \n
\n Ongoing project:
\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n Connect with me \n \n
\n \n
\n );\n};\n\nconst ContactForm = () => {\n const [timerDone, setTimerDone] = useState(false);\n\n useEffect(() => {\n const timer = setTimeout(() => {\n setTimerDone(true);\n }, 2000);\n return () => clearTimeout(timer);\n }, []);\n\n const form = useRef(null);\n let done = false;\n if (window.location.search.includes(\"done\")) {\n done = true;\n }\n return (\n \n \n
\n \n {props.longtext ? (\n \n ) : (\n
\n \n
\n );\n};\n\nexport default ContactForm;\n","import React, { useRef, useState, useEffect } from \"react\";\nimport { motion } from \"framer-motion\";\nimport NameLogo from \"./NameLogo\";\n\nconst ItemGallery = () => {\n const carousel = useRef(null);\n const [mouseOver, setMouseOver] = useState(null);\n const [itemList, setItemList] = useState([]);\n\n useEffect(() => {\n async function fetchData() {\n let [repoResponse, linkResponse] = await Promise.all([\n fetch(\"/githubs\"),\n fetch(\"/links\"),\n ]);\n let [repoList, linkList] = await Promise.all([\n repoResponse.json(),\n linkResponse.json(),\n ]);\n\n if (repoResponse.ok && linkResponse.ok) {\n setItemList(\n [\n ...repoList.map((item) => {\n return {\n ...item,\n type: \"repo\",\n };\n }),\n ...linkList.map((item) => {\n return {\n ...item,\n type: \"link\",\n };\n }),\n ].sort((a, b) => {\n return Date.parse(b.date) - Date.parse(a.date);\n })\n );\n }\n }\n fetchData();\n }, []);\n\n let repo = itemList.map((item, i) => {\n return (\n \n
\n \n
\n \n {done && !timerDone ? \"Thank You\" : null}\n \n
\n \n
\n \n \n {\n form.current.submit();\n }}\n >\n \n \n
\n \n
\n \n \n );\n });\n\n return (\n \n {item.type === \"repo\" ? (\n \n ) : (\n \n )}\n
\n \n \n {item.title || item.topic}\n \n \n \n \n \n
\n\n \n {item.date}\n
\n \n {item.languages}\n
\n \n
\n );\n};\n\nexport default ItemGallery;\n","import React, { useEffect, useState } from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\n\nconst NotFound = () => {\n const [timerDone, setTimerDone] = useState(false);\n const history = useHistory();\n\n useEffect(() => {\n const timer = setTimeout(() => {\n setTimerDone(true);\n history.push(\"/\");\n }, 4000);\n\n return () => clearTimeout(timer);\n }, [setTimerDone, history]);\n\n return (\n \n
\n \n {repo}\n
\n {/* \n {\n if (carousel.current) {\n carousel.current.scrollLeft -= 50;\n }\n }}\n >\n \n \n {\n if (carousel.current) {\n carousel.current.scrollLeft += 50;\n }\n }}\n >\n \n \n
*/}\n \n
\n );\n};\n\nexport default NotFound;\n","import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { Link } from \"react-router-dom\";\n\nconst NavBarItem = (props) => {\n return (\n \n {timerDone}\n
\n\n \n 404: Page Not Found
\nWHAT ARE YOU DOING HERE? YOU AREN'T SUPPOSED TO SEE THIS!
\nGET OUT OF HERE!
\n\n \n
\n \n \n \n
\n );\n}\n\nexport default NavBar;\n","import TypeIt from \"typeit-react\";\nimport \"./App.css\";\nimport React from \"react\";\nimport { Route, BrowserRouter as Router, Link, Switch } from \"react-router-dom\";\nimport Bio from \"./components/Bio\";\nimport ContactForm from \"./components/ContactForm\";\nimport ItemGallery from \"./components/ItemGallery\";\nimport NotFound from \"./components/NotFound\";\nimport NavBar from \"./components/NavBar\";\nimport NameLogo from \"./components/NameLogo\";\n\nfunction App() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport AdminApp from \"./AdminApp\";\nimport App from \"./App\";\n\nconst mount = document.getElementById(\"root\");\nconsole.log(`REACT_APP_BUILD_TARGET = ${process.env.REACT_APP_BUILD_TARGET}`);\nswitch (process.env.REACT_APP_BUILD_TARGET) {\n case \"public\":\n ReactDOM.render(\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {\n instance\n .type(\"Hi\")\n .pause(500)\n .break()\n .type(\" my name is Amanda de Paula\")\n .pause(750)\n .delete(8)\n .pause(500)\n .type(\"De Paula\")\n .break()\n .type(\" and I am a Software Developer.\");\n\n return instance;\n }}\n />\n
\n \n
\n \n
\n \n
\n \n \n Go back \n \n
\n \n
\n \n
\n \n
\n \n \n Go back \n \n
\n \n
\n \n
\n \n
\n \n \n Go back \n \n
\n \n
\n \n \n \n LinkedIn\n \n \n \n GitHub\n \n
\n \n Unknown REACT_APP_BUILD_TARGET: {process.env.REACT_APP_BUILD_TARGET}\n
\n