this.wheel(e)}>{children}
\n \r\n \r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default Spinner\r\n","import React, { Component } from \"react\";\r\nimport './styles.scss';\r\n\r\nclass Glitch extends Component {\r\n render() {\r\n const { text } = this.props\r\n return(\r\n {text}
\r\n )\r\n }\r\n}\r\n\r\nexport default Glitch;","import React, { Component } from \"react\";\r\nimport \"./styles.scss\";\r\nimport { Row, Col } from \"react-bootstrap\";\r\nimport Typewriter from \"typewriter-effect\";\r\nimport Glitch from \"../glitch\";\r\nimport ThemeContext from \"../../contexts/ThemeContext\";\r\nimport UmayErasImage from \"../../assets/images/umay.jpeg\";\r\nimport UmayErasCV from \"../../assets/umay-eras-cv.pdf\";\r\nclass Hero extends Component {\r\n static contextType = ThemeContext;\r\n\r\n render() {\r\n return (\r\n \r\n {name}\r\n
\r\n )\r\n }\r\n}\r\nconst Progress = handleViewport(Progress_Animation);\r\n\r\nexport default Progress","import React, {Component} from \"react\";\r\nimport Particles from \"react-particles-js\";\r\nimport Progress from \"../progress\";\r\nimport {Row, Col} from \"react-bootstrap\";\r\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\r\nimport {\r\n faGithub,\r\n faMedium,\r\n faLinkedin,\r\n faTwitter,\r\n faFacebook,\r\n faInstagram,\r\n faPinterest,\r\n} from \"@fortawesome/free-brands-svg-icons\";\r\nimport ThemeContext from \"../../contexts/ThemeContext\";\r\nimport \"./styles.scss\";\r\n\r\nclass Hero extends Component {\r\n static contextType = ThemeContext;\r\n\r\n particles() {\r\n return (\r\n \r\n \r\n {text}\r\n \r\n )\r\n } else {\r\n return {text}\r\n }\r\n }\r\n}\r\nconst BaffleText = handleViewport(Baffle_Text);\r\n\r\nexport default BaffleText","import React, { Component } from \"react\";\r\nimport handleViewport from \"react-in-viewport\";\r\nimport \"animate.css/animate.css\";\r\n\r\nclass Animation_Container extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n inViewport: false,\r\n animation_complete: false,\r\n classChanged: false,\r\n };\r\n }\r\n\r\n componentDidUpdate() {\r\n if (\r\n this.state.inViewport !== this.props.inViewport &&\r\n !this.state.animation_complete\r\n ) {\r\n this.setState({ inViewport: this.props.inViewport });\r\n this.changeClass();\r\n this.setState({ animation_complete: true });\r\n }\r\n }\r\n\r\n changeClass() {\r\n const { delay } = this.props;\r\n setTimeout(() => {\r\n this.setState({ classChanged: true });\r\n }, delay);\r\n }\r\n\r\n render() {\r\n const { children, animation, id, height } = this.props;\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst AnimationContainer = handleViewport(Animation_Container);\r\n\r\nexport default AnimationContainer;\r\n","export const API_BASE_URL = \"http://umayeras.com\";\nexport const CONTACT_FORM_URL = `${API_BASE_URL}/contact`;","import React from \"react\";\nimport AnimationContainer from \"../animation-container/index\";\nimport {useForm} from \"react-hook-form\";\nimport {sendContactForm} from \"../../actions/contactActions\";\nimport {showErrorAlert, showSuccessAlert} from \"./alert\";\n\nconst Form = () => {\n const {register, handleSubmit, errors} = useForm();\n\n const onSubmit = (data, e) => {\n sendContactForm(data).then(result => {\n if (!result.data.isSuccess) {\n return showErrorAlert();\n } else {\n e.target.reset();\n return showSuccessAlert();\n }\n });\n };\n return (\n \r\n
\r\n About Me
\r\nI’m a Software Development Engineer based in Istanbul, Turkey.
\r\n\r\n
\r\n \r\n \r\n 10+ years experience in web development. Proficient in designing system architecture , coding and testing applications. Interested in ASP.Net, Object-Oriented Programming, SOLID Principles, Test Driven Development, Design Patterns, Micro Services Architecture, React and DevOps practices. Very passionate about following new technologies. \r\n
\r\n\r\n window.open(\"https://github.com/umayeras\")}\r\n />\r\n window.open(\"https://medium.com/@umayeras\")}\r\n />\r\n \r\n window.open(\"https://www.linkedin.com/in/umayeras\")\r\n }\r\n />\r\n window.open(\"https://twitter.com/umayeras\")}\r\n />\r\n \r\n window.open(\"https://www.facebook.com/umayeras\")\r\n }\r\n />\r\n window.open(\"http://instagram.com/umayeras\")}\r\n />{\" \"}\r\n window.open(\"http://tr.pinterest.com/ueras\")}\r\n />\r\n
\r\n \r\n
\r\n My Skills
\r\n\r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Hero;\r\n","import React from 'react';\r\nimport Baffle from \"baffle-react\";\r\nimport handleViewport from 'react-in-viewport';\r\n\r\nclass Baffle_Text extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n value: 0,\r\n inViewport: false,\r\n animation_complete: false,\r\n obfuscate: true,\r\n force: false\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n if (this.state.inViewport !== this.props.inViewport && !this.state.animation_complete) {\r\n this.setState({inViewport: this.props.inViewport})\r\n this.setState({animation_complete: true})\r\n this.setState({obfuscate: false})\r\n this.forceUpdate()\r\n if (this.props.callMethodTime) {\r\n this.parentMethod()\r\n }\r\n }\r\n }\r\n\r\n forceUpdate() {\r\n const { revealDuration, revealDelay } = this.props\r\n setTimeout(() => { \r\n this.setState({force:true})\r\n }, revealDuration+revealDelay);\r\n }\r\n\r\n parentMethod() {\r\n const { callMethodTime } = this.props\r\n setTimeout(() => { \r\n this.props.parentMethod()\r\n }, callMethodTime);\r\n }\r\n\r\n render() {\r\n return(\r\n \r\n {this.text()}\r\n \r\n )\r\n }\r\n\r\n text() {\r\n const { text, revealDuration, revealDelay } = this.props\r\n if (!this.state.force) {\r\n return (\r\n