{"version":3,"sources":["blogs lazy /^/.*/.md$/ groupOptions: {} namespace object","components/layouts/Header.js","components/layouts/Header3.js","components/elements/Counter.js","components/elements/Pagetitle.js","components/elements/Skill.js","components/elements/Krishna_Satti_Resume.pdf","components/sections/About.js","components/elements/Blog.js","components/sections/Blogs.js","components/sections/BrandlogosDark.js","components/sections/Contact.js","components/elements/Timeline.js","components/sections/Experiences.js","components/sections/Herosection.js","components/elements/Service.js","components/sections/Services.js","pages/HomepageDark.js","components/elements/Pagination.js","pages/Bloglist.js","pages/BlogDetails.js","App.js","serviceWorker.js","index.js"],"names":["map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","keys","Object","module","exports","Header","light","toggleMenu","logoSource","headerToggler","history","useHistory","className","classes","handleMobileClasses","onClick","handleClasses","activeClass","to","window","location","pathname","push","spy","smooth","duration","Header3","Counter","counterItem","isVisible","title","count","icon","winWidth","innerWidth","end","Pagetitle","animateIn","animateOut","animateOnce","Skill","aboutContent","counterData","About","src","alt","href","pdf","download","counter","once","Blog","blogData","category","date","image","author","filesource","getNospaceTitle","tempArr","split","length","slice","allBlogs","document","body","classList","add","Blogs","blogItem","BrandlogosDark","Contact","useState","name","email","subject","message","formdata","setFormdata","error","setError","setMessage","handleChange","event","currentTarget","value","handleSubmit","preventDefault","console","log","emailjs","sendForm","target","result","text","onSubmit","type","placeholder","onChange","rows","Timeline","education","years","content","educationData","experienceData","Experiences","experience","Herosection","props","position","x","y","elementDimensions","height","width","activeParallax","depth","posX","posY","transform","strings","typeSpeed","backSpeed","attr","loop","class","xmlns","style","d","fill","fillRule","stroke","strokeWidth","rx","Service","hex","service","color","contentColor","background","boxShadow","replace","m","r","g","b","substring","match","parseInt","join","servicesData","Services","HomepageDark","setToggleMenu","addEventListener","closest","ReactCursorPosition","Pagination","itemsPerPage","totalItems","paginate","currentPage","pageNumbers","i","Math","ceil","number","Bloglist","posts","setPosts","setCurrentPage","postsPerPage","useEffect","indexOfLastPost","indexOfFirstPost","currentPosts","pageNumber","scrollTo","BlogDetails","setContent","blogFile","params","res","default","fetch","App","path","exact","component","Boolean","hostname","ReactDOM","render","StrictMode","getElementById","navigator","serviceWorker","ready","registration","unregister","catch"],"mappings":"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","file":"static/js/main.9f009286.chunk.js","sourcesContent":["var map = {\n\t\"./1.md\": [\n\t\t89,\n\t\t3\n\t],\n\t\"./10.md\": [\n\t\t90,\n\t\t4\n\t],\n\t\"./11.md\": [\n\t\t91,\n\t\t5\n\t],\n\t\"./2.md\": [\n\t\t92,\n\t\t6\n\t],\n\t\"./3.md\": [\n\t\t93,\n\t\t7\n\t],\n\t\"./4.md\": [\n\t\t94,\n\t\t8\n\t],\n\t\"./5.md\": [\n\t\t95,\n\t\t9\n\t],\n\t\"./6.md\": [\n\t\t96,\n\t\t10\n\t],\n\t\"./7.md\": [\n\t\t97,\n\t\t11\n\t],\n\t\"./8.md\": [\n\t\t98,\n\t\t12\n\t],\n\t\"./9.md\": [\n\t\t99,\n\t\t13\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 86;\nmodule.exports = webpackAsyncContext;","import React from \"react\";\nimport { Link } from \"react-scroll\";\nimport Logo from \"../elements/Logo\";\nimport { useHistory } from \"react-router-dom\";\n\nfunction Header({ light, logoSource, toggleMenu, headerToggler }) {\n  const history = useHistory();\n  const handleClasses = () => {\n    let classes = \"desktop-header-1 d-flex align-items-start flex-column\";\n    if (light & toggleMenu) {\n      classes += \" light open\";\n    } else if (toggleMenu) {\n      classes += \" open\";\n    } else if (light) {\n      classes += \" light\";\n    }\n    return classes;\n  };\n  const handleMobileClasses = () => {\n    let classes = \"mobile-header-1\";\n    if (light & toggleMenu) {\n      classes += \" light open\";\n    } else if (toggleMenu) {\n      classes += \" open\";\n    } else if (light) {\n      classes += \" light\";\n    }\n    return classes;\n  };\n  const redirectHome = () => {\n    if (window.location.pathname != \"/\") {\n      history.push(\"/\");\n    }\n    return \"section-home\";\n  };\n  const redirectAbout = () => {\n    if (window.location.pathname != \"/\") {\n      history.push(\"/\");\n    }\n    return \"section-about\";\n  };\n  const redirectSkills = () => {\n    if (window.location.pathname != \"/\") {\n      history.push(\"/\");\n    }\n    return \"section-services\";\n  };\n  const redirectExperience = () => {\n    if (window.location.pathname != \"/\") {\n      history.push(\"/\");\n    }\n    return \"section-experiences\";\n  };\n  const redirectProjects = () => {\n    if (window.location.pathname != \"/\") {\n      history.push(\"/\");\n    }\n    return \"section-blogs\";\n  };\n  const redirectContact = () => {\n    if (window.location.pathname != \"/\") {\n      history.push(\"/\");\n    }\n    return \"section-contact\";\n  };\n  return (\n    <>\n      <header className={handleMobileClasses()}>\n        <div className=\"container\">\n          <div className=\"menu-icon d-inline-flex mr-4\">\n            <button onClick={headerToggler}>\n              <span></span>\n            </button>\n          </div>\n        </div>\n      </header>\n      <header className={handleClasses()}>\n        {/* <Logo logoSource={logoSource} /> */}\n        <nav>\n          <ul className=\"vertical-menu scrollspy\">\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-home\"\n                onClick={redirectHome}\n                spy={true}\n                smooth={true}\n                duration={100}\n              >\n                <i className=\"icon-home\"></i>Home\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-about\"\n                onClick={redirectAbout}\n                spy={true}\n                smooth={true}\n                duration={100}\n              >\n                <i className=\"icon-user-following\"></i>About\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-services\"\n                onClick={redirectSkills}\n                spy={true}\n                smooth={true}\n                duration={100}\n              >\n                <i className=\"icon-briefcase\"></i>Skills\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-experiences\"\n                onClick={redirectExperience}\n                spy={true}\n                smooth={true}\n                duration={100}\n              >\n                <i className=\"icon-graduation\"></i>Experience\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-blogs\"\n                onClick={redirectProjects}\n                spy={true}\n                smooth={true}\n                duration={100}\n              >\n                <i className=\"icon-note\"></i>Projects\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-contact\"\n                onClick={redirectContact}\n                spy={true}\n                smooth={true}\n                duration={100}\n              >\n                <i className=\"icon-bubbles\"></i>Contact\n              </Link>\n            </li>\n          </ul>\n        </nav>\n\n        <div className=\"footer\">\n          <span className=\"copyright\">Powered by React.JS</span>\n        </div>\n      </header>\n    </>\n  );\n}\n\nexport default Header;\n","import React, { useState } from \"react\";\nimport { Link } from \"react-scroll\";\nimport Logo from \"../elements/Logo\";\n\nfunction Header3({ light, logoSource, bootstrapNav }) {\n  const [toggleNavbar, setToggleNavbar] = useState(false);\n\n  const handleMobilenav = (e) => {\n    e.preventDefault();\n    setToggleNavbar(!toggleNavbar);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content-3\")) {\n      setToggleNavbar(false);\n    }\n  });\n\n  return (\n    <header\n      className={\n        light\n          ? \"desktop-header-3 fixed-top light\"\n          : \"desktop-header-3 fixed-top\"\n      }\n    >\n      <div className=\"container\">\n        <nav className=\"navbar navbar-expand-lg navbar-dark\">\n          <button\n            aria-controls=\"navbarNavDropdown\"\n            aria-expanded=\"false\"\n            aria-label=\"Toggle navigation\"\n            className=\"navbar-toggler\"\n            data-target=\"#navbarNavDropdown\"\n            data-toggle=\"collapse\"\n            type=\"button\"\n            onClick={handleMobilenav}\n          >\n            <span className=\"navbar-toggler-icon\"></span>\n          </button>\n          <div\n            className={\n              toggleNavbar\n                ? \"collapse navbar-collapse show\"\n                : \"collapse navbar-collapse\"\n            }\n            id=\"navbarNavDropdown\"\n          >\n            <ul className=\"navbar-nav ml-auto scrollspy\">\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-home\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Home\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-about\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  About\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-services\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Service\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-experiences\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Experience\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-works\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Works\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-blogs\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Blog\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-contact\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Contact\n                </Link>\n              </li>\n            </ul>\n          </div>\n        </nav>\n      </div>\n    </header>\n  );\n}\n\nexport default Header3;\n","import React from \"react\";\nimport CountUp from \"react-countup\";\n\nfunction Counter({ counterItem, isVisible }) {\n  const { title, count, icon } = counterItem;\n  const winWidth = window.innerWidth;\n  const countQuery = () => {\n    if (winWidth && winWidth > 767) {\n      return <CountUp end={isVisible ? count : 0} />;\n    }\n    return <CountUp end={count} />;\n  };\n  const handleIcon = () => {\n    return \"icon \" + icon;\n  };\n  return (\n    <div className=\"fact-item\">\n      <span className={handleIcon()}></span>\n      <div className=\"details\">\n        <h3 className=\"mb-0 mt-0 number\">\n          <em className=\"count\">{countQuery()} +</em>\n        </h3>\n        <p className=\"mb-0\">{title}</p>\n      </div>\n    </div>\n  );\n}\n\nexport default Counter;\n","import React from \"react\";\nimport ScrollAnimation from \"react-animate-on-scroll\";\n\nfunction Pagetitle({ title }) {\n  return (\n    <>\n      <ScrollAnimation\n        animateIn=\"fadeInUp\"\n        animateOut=\"fadeInOut\"\n        animateOnce={true}\n      >\n        <h2 className=\"section-title\">{title}</h2>\n      </ScrollAnimation>\n      <div className=\"spacer\" data-height=\"60\"></div>\n    </>\n  );\n}\n\nexport default Pagetitle;\n","import React from \"react\";\n\nfunction Skill({ progress, isVisible }) {\n  const { title, percantage, progressColor } = progress;\n  const winWidth = window.innerWidth;\n  const progressQuery = () => {\n    if (winWidth && winWidth > 767) {\n      return (\n        <div\n          className=\"progress-bar data-background\"\n          style={\n            isVisible\n              ? {\n                  width: `${percantage}%`,\n                  background: progressColor,\n                }\n              : { width: 0, background: progressColor }\n          }\n        ></div>\n      );\n    }\n    return (\n      <div\n        className=\"progress-bar data-background\"\n        style={{\n          width: `${percantage}%`,\n          background: progressColor,\n        }}\n      ></div>\n    );\n  };\n  return (\n    <div className=\"skill-item\">\n      <div className=\"skill-info clearfix\">\n        <h4 className=\"float-left mb-3 mt-0\">{title}</h4>\n        <span className=\"float-right\">{percantage}%</span>\n      </div>\n      <div className=\"progress\">{progressQuery()}</div>\n    </div>\n  );\n}\n\nexport default Skill;\n","export default __webpack_public_path__ + \"static/media/Krishna_Satti_Resume.03e277f0.pdf\";","import React from \"react\";\nimport TrackVisibility from \"react-on-screen\";\nimport Counter from \"../elements/Counter\";\nimport Pagetitle from \"../elements/Pagetitle\";\nimport Skill from \"../elements/Skill\";\nimport pdf from \"../elements/Krishna_Satti_Resume.pdf\";\n\nconst aboutContent = {\n  name: \"Krishna Satti\",\n  avatarImage: \"/images/avatar-2.svg\",\n  content:\n    \"I am a skilled software developer with a strong educational background in Computer Science. My technical proficiency includes Java, Python, JavaScript, TypeScript, HTML/CSS, SQL, NoSQL, Git, Jira, and experience with popular cloud services such as Amazon Web Services and Azure. I have hands-on experience in building web applications using frameworks such as Express.JS, React.JS, React Native, Spring Boot, and AngularJS. I have also worked with server technologies like NGINX and container orchestration tools like Kubernetes. My professional experience includes a software developer role at Prime Solutions, where I designed and developed REST APIs, Python applications, and full-stack web applications that improved performance and efficiency. I also have a track record of teamwork and leadership, demonstrated through the great amount of projects I have completed while working closley with clients and team mebers.\",\n};\n\nconst progressData = [\n  {\n    id: 1,\n    title: \"Back-End Development\",\n    percantage: 100,\n    progressColor: \"#4a8ddc\",\n  },\n  {\n    id: 1,\n    title: \"Front-End Development\",\n    percantage: 85,\n    progressColor: \"#dd915f\",\n  },\n  {\n    id: 3,\n    title: \"Amazon Web Services\",\n    percantage: 100,\n    progressColor: \"#dc5b57\",\n  },\n  {\n    id: 4,\n    title: \"CRM / SQL / NoSQL\",\n    percantage: 80,\n    progressColor: \"#33ae81\",\n  },\n];\n\nconst counterData = [\n  {\n    id: 1,\n    title: \"Projects completed\",\n    count: 100,\n    icon: \"icon-fire\",\n  },\n  {\n    id: 2,\n    title: \"Cups of coffee\",\n    count: 1095,\n    icon: \"icon-cup\",\n  },\n  {\n    id: 3,\n    title: \"Satisfied clients\",\n    count: 20,\n    icon: \"icon-people\",\n  },\n  {\n    id: 4,\n    title: \"Professionaly Applied Technologies\",\n    count: 35,\n    icon: \"icon-docs\",\n  },\n];\n\nfunction About() {\n  return (\n    <section id=\"about\">\n      <div className=\"container\">\n        <Pagetitle title=\"About Me\" />\n        <div className=\"row\">\n          <div className=\"col-md-2\">\n            <div className=\"text-center text-md-left\">\n              <img src={aboutContent.avatarImage} alt={aboutContent.name} />\n            </div>\n            <div className=\"spacer d-md-none d-lg-none\" data-height=\"30\"></div>\n          </div>\n\n          <div className=\"col-md-9 triangle-left-md triangle-top-sm\">\n            <div className=\"rounded bg-white shadow-dark padding-30\">\n              <div className=\"row\">\n                <div>\n                  <p>{aboutContent.content}</p>\n                  <div className=\"mt-1\">\n                    <a href={pdf} download className=\"btn btn-default\">\n                      Download CV\n                    </a>\n                  </div>\n                  <div\n                    className=\"spacer d-md-none d-lg-none\"\n                    data-height=\"30\"\n                  ></div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"spacer\" data-height=\"70\"></div>\n          <div className=\"row fix-spacing\">\n            {counterData.map((counter) => (\n              <div key={counter.id} className=\"col-md-3 col-sm-6\">\n                <TrackVisibility once>\n                  <Counter counterItem={counter} />\n                </TrackVisibility>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default About;\n","import React from \"react\";\nimport ScrollAnimation from \"react-animate-on-scroll\";\nimport { Link } from \"react-router-dom\";\n\nfunction Blog({ blogData }) {\n  const { id, category, title, date, author, image, filesource } = blogData;\n  const getNospaceTitle = (filesource) => {\n    let tempArr = filesource.split(\"/\");\n    let fileName = tempArr[tempArr.length - 1];\n    let getName = fileName.slice(0, -3);\n    return getName;\n  };\n  return (\n    <ScrollAnimation\n      animateIn=\"fadeInUp\"\n      animateOut=\"fadeInOut\"\n      animateOnce={true}\n    >\n      <div className=\"blog-item rounded bg-white shadow-dark\">\n        <div className=\"thumb\">\n          <a href=\"!#\">\n            <span className=\"category\">{category}</span>\n          </a>\n          <Link to={`blogs/blog-details/${id}/${getNospaceTitle(filesource)}`}>\n            <img src={image} alt=\"blog-title\" />\n          </Link>\n        </div>\n        <div className=\"details\">\n          <h4 className=\"my-0 title\">\n            <Link\n              to={`blogs/blog-details/${id}/${getNospaceTitle(filesource)}`}\n            >\n              {title}\n            </Link>\n          </h4>\n          <ul className=\"list-inline meta mb-0 mt-2\">\n            <li className=\"list-inline-item\">{date}</li>\n          </ul>\n        </div>\n      </div>\n    </ScrollAnimation>\n  );\n}\n\nexport default Blog;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport Blog from \"../elements/Blog\";\nimport Pagetitle from \"../elements/Pagetitle\";\n\nconst allBlogs = [\n  {\n    id: 11,\n    title: \"Burgiss Technology Stack Demo\",\n    image: \"https://i.imgur.com/sXfJHWP.png\",\n    filesource: \"../../blogs/11.md\",\n    date: \"Angular, ASP.NET Core 6, SQL Server, Azure, Docker, Kubernetes\",\n    author: \"\",\n    category: \"Personal\",\n  },\n  {\n    id: 1,\n    title: \"Rutgers Hackathon - First Place Winner\",\n    image: \"https://i.imgur.com/BOzM5ol.jpg\",\n    filesource: \"../../blogs/1.md\",\n    date: \"React Native, Express.JS, Node.JS, MongoDB\",\n    author: \"\",\n    category: \"Competitive\",\n  },\n  {\n    id: 5,\n    title: \"SFDC HTTPS Full Stack Web Application\",\n    image: \"https://i.imgur.com/sCXCbIH.png\",\n    filesource: \"../../blogs/5.md\",\n    date: \"SFDC, AWS EC2, SSL, React.JS, Express.JS, Node.JS, SQL, JWT\",\n    author: \"\",\n    category: \"Experience\",\n  },\n];\n\ndocument.body.classList.add(\"dark\");\n\nfunction Blogs() {\n  return (\n    <section id=\"blog\">\n      <div className=\"container\">\n        <Pagetitle title=\"Noteworthy Projects\" />\n        <div className=\"rounded bg-white shadow-dark padding-30 marginbot-30\">\n          I do not have authorization to post about many of the projects I have\n          worked on due to client preference. However, there are still many\n          projects I am authorized to share that I am proud of. Many of these\n          projects include self made tutorials of how I implemented certain\n          technologies to demonstrate my knowledge in them, as well as code\n          snippets of projects that are currently in production. There are also\n          projects that I activly use in any of my three co-founded buisnesses.\n        </div>\n        <div className=\"row blog-wrapper\">\n          {allBlogs.map((blogItem) => (\n            <div className=\"col-md-4\" key={blogItem.id}>\n              <Blog blogData={blogItem} />\n            </div>\n          ))}\n        </div>\n        <div className=\"text-center\">\n          <div className=\"spacer\" data-height=\"30\"></div>\n          <Link to=\"/blogs\" className=\"btn btn-default\">\n            Show all projects\n          </Link>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Blogs;\n","import React from \"react\";\n\nconst brandlogoData = [\n  {\n    id: 1,\n    image: \"images/client-1-light.svg\",\n  },\n  {\n    id: 2,\n    image: \"images/client-2-light.svg\",\n  },\n  {\n    id: 3,\n    image: \"images/client-3-light.svg\",\n  },\n  {\n    id: 4,\n    image: \"images/client-4-light.svg\",\n  },\n  {\n    id: 5,\n    image: \"images/client-5-light.svg\",\n  },\n  {\n    id: 6,\n    image: \"images/client-6-light.svg\",\n  },\n  {\n    id: 7,\n    image: \"images/client-7-light.svg\",\n  },\n  {\n    id: 8,\n    image: \"images/client-8-light.svg\",\n  },\n];\n\nfunction BrandlogosDark() {\n  return (\n    <div id=\"branglogos\">\n      <div className=\"container\">\n        <div className=\"row\">\n          {brandlogoData.map((brandlogo) => (\n            <div className=\"col-md-3 col-6\" key={brandlogo.id}>\n              <div className=\"client-item\">\n                <div className=\"inner\">\n                  <img src={brandlogo.image} alt=\"client-name\" />\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default BrandlogosDark;\n","import React, { useState } from \"react\";\nimport ScrollAnimation from \"react-animate-on-scroll\";\nimport Pagetitle from \"../elements/Pagetitle\";\nimport emailjs from \"emailjs-com\";\n\nfunction Contact() {\n  const [formdata, setFormdata] = useState({\n    name: \"\",\n    email: \"\",\n    subject: \"\",\n    message: \"\",\n  });\n\n  const [error, setError] = useState(false);\n  const [message, setMessage] = useState(\"\");\n\n  const submitHandler = (event) => {\n    event.preventDefault();\n    if (!formdata.name) {\n      setError(true);\n      setMessage(\"Name is required\");\n    } else if (!formdata.email) {\n      setError(true);\n      setMessage(\"Email is required\");\n    } else if (!formdata.subject) {\n      setError(true);\n      setMessage(\"Subject is required\");\n    } else if (!formdata.message) {\n      setError(true);\n      setMessage(\"Message is required\");\n    } else {\n      setError(false);\n      handleSubmit(event);\n      setMessage(\"You message has been sent!!!\");\n    }\n  };\n\n  const handleChange = (event) => {\n    setFormdata({\n      ...formdata,\n      [event.currentTarget.name]: event.currentTarget.value,\n    });\n  };\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    console.log(\"JHFSNPIPONGFPI\");\n\n    emailjs\n      .sendForm(\n        \"portfolio_website\",\n        \"template_3xju2vf\",\n        event.target,\n        \"03tsoKbBcHun0j6LT\"\n      )\n      .then(\n        (result) => {\n          console.log(result.text);\n        },\n        (error) => {\n          console.log(error.text);\n        }\n      );\n  };\n\n  const handleAlerts = () => {\n    if (error && message) {\n      return <div className=\"alert alert-danger mt-4\">{message}</div>;\n    } else if (!error && message) {\n      return <div className=\"alert alert-success mt-4\">{message}</div>;\n    } else {\n      return null;\n    }\n  };\n\n  return (\n    <section id=\"contact\">\n      <div className=\"container\">\n        <Pagetitle title=\"Get in Touch\" />\n\n        <div className=\"row\">\n          <div className=\"col-md-4\">\n            <div className=\"contact-info\">\n              <ScrollAnimation\n                animateIn=\"fadeInUp\"\n                animateOut=\"fadeInOut\"\n                animateOnce={true}\n              >\n                <h3>Let's talk about everything!</h3>\n              </ScrollAnimation>\n              <ScrollAnimation\n                animateIn=\"fadeInUp\"\n                animateOut=\"fadeInOut\"\n                animateOnce={true}\n              >\n                <p>\n                  Don't like forms? Send me an{\" \"}\n                  <a target=\"_blank\" href=\"mailto:satti.r.krishna@gmail.com\">\n                    email\n                  </a>\n                  . Or you can call me at 848-667-5407👋\n                </p>\n              </ScrollAnimation>\n            </div>\n          </div>\n\n          <div className=\"col-md-8\">\n            <form\n              id=\"contact-form\"\n              className=\"contact-form mt-6\"\n              onSubmit={submitHandler}\n            >\n              <div className=\"row\">\n                <div className=\"column col-md-6\">\n                  <div className=\"form-group\">\n                    <input\n                      type=\"text\"\n                      className=\"form-control\"\n                      name=\"name\"\n                      id=\"InputName\"\n                      placeholder=\"Your name\"\n                      onChange={handleChange}\n                      value={formdata.name}\n                    />\n                  </div>\n                </div>\n\n                <div className=\"column col-md-6\">\n                  <div className=\"form-group\">\n                    <input\n                      type=\"email\"\n                      className=\"form-control\"\n                      id=\"InputEmail\"\n                      name=\"email\"\n                      placeholder=\"Email address\"\n                      onChange={handleChange}\n                      value={formdata.email}\n                    />\n                  </div>\n                </div>\n\n                <div className=\"column col-md-12\">\n                  <div className=\"form-group\">\n                    <input\n                      type=\"text\"\n                      className=\"form-control\"\n                      id=\"InputSubject\"\n                      name=\"subject\"\n                      placeholder=\"Subject\"\n                      onChange={handleChange}\n                      value={formdata.subject}\n                    />\n                  </div>\n                </div>\n\n                <div className=\"column col-md-12\">\n                  <div className=\"form-group\">\n                    <textarea\n                      name=\"message\"\n                      id=\"InputMessage\"\n                      className=\"form-control\"\n                      rows=\"5\"\n                      placeholder=\"Message\"\n                      onChange={handleChange}\n                      value={formdata.message}\n                    ></textarea>\n                  </div>\n                </div>\n              </div>\n              <button\n                type=\"submit\"\n                name=\"submit\"\n                id=\"submit\"\n                value=\"Submit\"\n                className=\"btn btn-default\"\n              >\n                Send Message\n              </button>\n            </form>\n            {handleAlerts()}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Contact;\n","import React from \"react\";\nimport ScrollAnimation from \"react-animate-on-scroll\";\n\nfunction Timeline({ education }) {\n  const { years, title, content } = education;\n  return (\n    <ScrollAnimation\n      animateIn=\"fadeInUp\"\n      animateOut=\"fadeInOut\"\n      animateOnce={true}\n    >\n      <div className=\"timeline-container\">\n        <div className=\"content\">\n          <span className=\"time\">{years}</span>\n          <h3 className=\"title\">{title}</h3>\n          <p>{content}</p>\n        </div>\n      </div>\n    </ScrollAnimation>\n  );\n}\n\nexport default Timeline;\n","import React from \"react\";\nimport Pagetitle from \"../elements/Pagetitle\";\nimport Timeline from \"../elements/Timeline\";\n\nconst educationData = [\n  {\n    id: 1,\n    title: \"Rutgers, The State University of New Jersey\",\n    years: \"2018 - 2022\",\n    content: \"New Brunswick\",\n  },\n  {\n    id: 2,\n    title: \"Bachelor’s Degree of Science\",\n    years: \"\",\n    content: \"Computer Science\",\n  },\n  {\n    id: 3,\n    title: \"Relevant Coursework\",\n    years: \"\",\n    content:\n      \"Imaging and Multimedia, Introduction to Artificial Intelligence, Computer Security, Internet Technology, Systems Programming, Principals of Programming Languages, Design and Analysis Computer Algorithms, Principals of Information and Data Managment, Computer Architecture, Data Structures, Discrete Mathematics\",\n  },\n];\n\nconst experienceData = [\n  {\n    id: 2,\n    title: \"Software Developer\",\n    years: \"October 2020 - Current\",\n    content: \"Prime Solutions - Plainview, NY\",\n  },\n  {\n    id: 1,\n    title: \"Software Developer Intern\",\n    years: \"June 2020 - September 2020\",\n    content: \"Prime Solutions - Plainview, NY\",\n  },\n];\n\nfunction Experiences() {\n  return (\n    <section id=\"experience\">\n      <div className=\"container\">\n        <Pagetitle title=\"Experience\" />\n        <div className=\"row\">\n          <div className=\"col-md-6\">\n            <div className=\"timeline edu bg-white rounded shadow-dark padding-30 overflow-hidden\">\n              {educationData.map((education) => (\n                <Timeline key={education.id} education={education} />\n              ))}\n              <span className=\"line\"></span>\n            </div>\n          </div>\n\n          <div className=\"col-md-6\">\n            <div className=\"spacer d-md-none d-lg-none\" data-height=\"30\"></div>\n            <div className=\"timeline exp bg-white rounded shadow-dark padding-30 overflow-hidden\">\n              {experienceData.map((experience) => (\n                <Timeline key={experience.id} education={experience} />\n              ))}\n              <span className=\"line\"></span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Experiences;\n","import React from \"react\";\nimport Typed from \"react-typed\";\nimport { Link } from \"react-scroll\";\n\nfunction Herosection(props) {\n  const { x, y } = props.position;\n  const { height, width } = props.elementDimensions;\n  const activeParallax = (depth = 15) => {\n    let posX = (width / 2 - x) / depth;\n    let posY = (height / 2 - y) / depth;\n    return {\n      transform: `translate(${posX}px, ${posY}px)`,\n    };\n  };\n\n  return (\n    <section\n      id=\"home\"\n      className={\n        props.light\n          ? \"home d-flex align-items-center light\"\n          : \"home d-flex align-items-center\"\n      }\n    >\n      <div className=\"container\">\n        <div className=\"intro\">\n          <img src=\"images/avatar-1.svg\" alt=\"Krishna\" className=\"mb-4\" />\n\n          <h1 className=\"mb-2 mt-0\">Krishna Satti</h1>\n          <p>\n            {\" \"}\n            <Typed\n              strings={[\"Software Developer\", \"Software Developer\"]}\n              typeSpeed={80}\n              backSpeed={80}\n              attr=\"value\"\n              loop\n            >\n              <label value></label>\n            </Typed>\n          </p>\n\n          <ul className=\"social-icons light list-inline mb-0 mt-4\">\n            <li className=\"list-inline-item\">\n              <a\n                target=\"_blank\"\n                href=\"https://www.linkedin.com/in/krishna-satti-123b26175/\"\n              >\n                <i class=\"fab fa-linkedin-in\"></i>\n              </a>\n            </li>\n            <li className=\"list-inline-item\">\n              <a target=\"_blank\" href=\"https://github.com/KrishnaSatti\">\n                <i class=\"fab fa-github\"></i>\n              </a>\n            </li>\n            <li className=\"list-inline-item\">\n              <a target=\"_blank\" href=\"mailto:satti.r.krishna@gmail.com\">\n                <i class=\"fa fa-envelope\"></i>\n              </a>\n            </li>\n          </ul>\n\n          <div className=\"mt-4\">\n            <Link\n              className=\"btn btn-default\"\n              to=\"section-contact\"\n              spy={true}\n              smooth={true}\n              duration={500}\n            >\n              Hire me\n            </Link>\n          </div>\n        </div>\n\n        <div className=\"scroll-down\">\n          <Link\n            to=\"section-about\"\n            spy={true}\n            smooth={true}\n            duration={500}\n            className=\"mouse-wrapper\"\n          >\n            <span>Scroll Down</span>\n            <span className=\"mouse\">\n              <span className=\"wheel\"></span>\n            </span>\n          </Link>\n        </div>\n\n        <div className=\"parallax\" data-relative-input=\"true\">\n          <svg\n            width=\"27\"\n            height=\"29\"\n            className=\"layer p1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(15)}\n          >\n            <path\n              d=\"M21.15625.60099c4.37954 3.67487 6.46544 9.40612 5.47254 15.03526-.9929 5.62915-4.91339 10.30141-10.2846 12.25672-5.37122 1.9553-11.3776.89631-15.75715-2.77856l2.05692-2.45134c3.50315 2.93948 8.3087 3.78663 12.60572 2.22284 4.297-1.5638 7.43381-5.30209 8.22768-9.80537.79387-4.50328-.8749-9.08872-4.37803-12.02821L21.15625.60099z\"\n              fill=\"#FFD15C\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"26\"\n            height=\"26\"\n            className=\"layer p2\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(20)}\n          >\n            <path\n              d=\"M13 3.3541L2.42705 24.5h21.1459L13 3.3541z\"\n              stroke=\"#FF4C60\"\n              strokeWidth=\"3\"\n              fill=\"none\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"30\"\n            height=\"25\"\n            className=\"layer p3\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(25)}\n          >\n            <path\n              d=\"M.1436 8.9282C3.00213 3.97706 8.2841.92763 14.00013.92796c5.71605.00032 10.9981 3.04992 13.85641 8 2.8583 4.95007 2.8584 11.0491-.00014 16.00024l-2.77128-1.6c2.28651-3.96036 2.28631-8.84002.00011-12.8002-2.2862-3.96017-6.5124-6.40017-11.08513-6.4-4.57271.00018-8.79872 2.43984-11.08524 6.4002l-2.77128-1.6z\"\n              fill=\"#44D7B6\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"15\"\n            height=\"23\"\n            className=\"layer p4\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(10)}\n          >\n            <rect\n              transform=\"rotate(30 9.86603 10.13397)\"\n              x=\"7\"\n              width=\"3\"\n              height=\"25\"\n              rx=\"1.5\"\n              fill=\"#FFD15C\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"15\"\n            height=\"23\"\n            className=\"layer p5\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(8)}\n          >\n            <rect\n              transform=\"rotate(30 9.86603 10.13397)\"\n              x=\"7\"\n              width=\"3\"\n              height=\"25\"\n              rx=\"1.5\"\n              fill=\"#6C6CE5\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"49\"\n            height=\"17\"\n            className=\"layer p6\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(18)}\n          >\n            <g fill=\"#FF4C60\" fillRule=\"evenodd\">\n              <path d=\"M.5 16.5c0-5.71709 2.3825-10.99895 6.25-13.8567 3.8675-2.85774 8.6325-2.85774 12.5 0C23.1175 5.50106 25.5 10.78292 25.5 16.5H23c0-4.57303-1.90625-8.79884-5-11.08535-3.09375-2.28652-6.90625-2.28652-10 0C4.90625 7.70116 3 11.92697 3 16.5H.5z\" />\n              <path d=\"M23.5 16.5c0-5.71709 2.3825-10.99895 6.25-13.8567 3.8675-2.85774 8.6325-2.85774 12.5 0C46.1175 5.50106 48.5 10.78292 48.5 16.5H46c0-4.57303-1.90625-8.79884-5-11.08535-3.09375-2.28652-6.90625-2.28652-10 0-3.09375 2.28651-5 6.51232-5 11.08535h-2.5z\" />\n            </g>\n          </svg>\n\n          <svg\n            width=\"26\"\n            height=\"26\"\n            className=\"layer p7\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(22)}\n          >\n            <path\n              d=\"M13 22.6459L2.42705 1.5h21.1459L13 22.6459z\"\n              stroke=\"#FFD15C\"\n              strokeWidth=\"3\"\n              fill=\"none\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"19\"\n            height=\"21\"\n            className=\"layer p8\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(15)}\n          >\n            <rect\n              transform=\"rotate(-40 6.25252 10.12626)\"\n              x=\"7\"\n              width=\"3\"\n              height=\"25\"\n              rx=\"1.5\"\n              fill=\"#6C6CE5\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"30\"\n            height=\"25\"\n            className=\"layer p9\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(10)}\n          >\n            <path\n              d=\"M29.8564 16.0718c-2.85854 4.95114-8.1405 8.00057-13.85654 8.00024-5.71605-.00032-10.9981-3.04992-13.85641-8-2.8583-4.95007-2.8584-11.0491.00014-16.00024l2.77128 1.6c-2.28651 3.96036-2.28631 8.84002-.00011 12.8002 2.2862 3.96017 6.5124 6.40017 11.08513 6.4 4.57271-.00018 8.79872-2.43984 11.08524-6.4002l2.77128 1.6z\"\n              fill=\"#6C6CE5\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"47\"\n            height=\"29\"\n            className=\"layer p10\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(23)}\n          >\n            <g fill=\"#44D7B6\" fillRule=\"evenodd\">\n              <path d=\"M46.78878 17.19094c-1.95535 5.3723-6.00068 9.52077-10.61234 10.8834-4.61167 1.36265-9.0893-.26708-11.74616-4.27524-2.65686-4.00817-3.08917-9.78636-1.13381-15.15866l2.34923.85505c-1.56407 4.29724-1.2181 8.92018.90705 12.12693 2.12514 3.20674 5.70772 4.5107 9.39692 3.4202 3.68921-1.0905 6.92581-4.40949 8.48988-8.70673l2.34923.85505z\" />\n              <path d=\"M25.17585 9.32448c-1.95535 5.3723-6.00068 9.52077-10.61234 10.8834-4.61167 1.36264-9.0893-.26708-11.74616-4.27525C.16049 11.92447-.27182 6.14628 1.68354.77398l2.34923.85505c-1.56407 4.29724-1.2181 8.92018.90705 12.12692 2.12514 3.20675 5.70772 4.5107 9.39692 3.4202 3.68921-1.0905 6.92581-4.40948 8.48988-8.70672l2.34923.85505z\" />\n            </g>\n          </svg>\n\n          <svg\n            width=\"33\"\n            height=\"20\"\n            className=\"layer p11\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(18)}\n          >\n            <path\n              d=\"M32.36774.34317c.99276 5.63023-1.09332 11.3614-5.47227 15.03536-4.37895 3.67396-10.3855 4.73307-15.75693 2.77837C5.76711 16.2022 1.84665 11.53014.8539 5.8999l3.15139-.55567c.7941 4.50356 3.93083 8.24147 8.22772 9.8056 4.29688 1.56413 9.10275.71673 12.60554-2.2227C28.34133 9.98771 30.01045 5.4024 29.21635.89884l3.15139-.55567z\"\n              fill=\"#FFD15C\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Herosection;\n","import React from \"react\";\n\nfunction Service({ service }) {\n  const { title, content, icon, color, contentColor } = service;\n  const hexToRgb = (hex) => {\n    const temp = hex\n      .replace(\n        /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i,\n        (m, r, g, b) => \"#\" + r + r + g + g + b + b\n      )\n      .substring(1)\n      .match(/.{2}/g)\n      .map((x) => parseInt(x, 16));\n    return temp.join(\",\");\n  };\n\n  return (\n    <div\n      className={\n        contentColor === \"light\"\n          ? \"service-box rounded data-background padding-30 text-center text-light shadow-blue\"\n          : \"service-box rounded data-background padding-30 text-center shadow-blue\"\n      }\n      data-color=\"#6C6CE5\"\n      style={{\n        background: color,\n        boxShadow: `0px 5px 20px 0px rgba(${hexToRgb(color)}, 0.5)`,\n      }}\n    >\n      <img src={icon} alt={title} />\n      <h3 className=\"mb-3 mt-0\">{title}</h3>\n      <p className=\"mb-0\">{content}</p>\n    </div>\n  );\n}\n\nexport default Service;\n","import React from \"react\";\nimport { Link } from \"react-scroll\";\nimport Pagetitle from \"../elements/Pagetitle\";\nimport Service from \"../elements/Service\";\n\nconst servicesData = [\n  {\n    id: 1,\n    icon: \"images/react-2.svg\",\n    title: \"Front-End Development\",\n    content: \"React.JS, Next.JS, HTML5, CSS, Node.JS\",\n    color: \"#4a8ddc\",\n    contentColor: \"light\",\n  },\n  {\n    id: 2,\n    icon: \"images/logo-javascript.svg\",\n    title: \"Back-End Development\",\n    content: \"Node.JS, Express.JS\",\n    color: \"#dd915f\",\n    contentColor: \"dark\",\n  },\n  {\n    id: 3,\n    icon: \"images/amazon-web-services-2.svg\",\n    title: \"Cloud Services\",\n    content:\n      \"S3, Elastic Beanstalk, Lambda, EC2, IAM, AppFlow, Route 53, CodePipeline, Azure, Docker, Kubernetes\",\n    color: \"#dc5b57\",\n    contentColor: \"light\",\n  },\n  {\n    id: 4,\n    icon: \"images/amazon-database.svg\",\n    title: \"CRM/SQL/NoSQL\",\n    content: \"MySQL, Snowflake, Salesforce, MongoDB,\",\n    color: \"#33ae81\",\n    contentColor: \"light\",\n  },\n];\n\nfunction Services() {\n  return (\n    <section id=\"services\">\n      <div className=\"container\">\n        <Pagetitle title=\"Skills and Technologies\" />\n        <div className=\"row fix-spacing\">\n          {servicesData.map((service) => (\n            <div className=\"col-md-3\" key={service.id}>\n              <Service service={service} />\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Services;\n","import React, { useState } from \"react\";\nimport ReactCursorPosition from \"react-cursor-position\";\nimport { Element } from \"react-scroll\";\nimport Header from \"../components/layouts/Header\";\nimport Header2 from \"../components/layouts/Header2\";\nimport Header3 from \"../components/layouts/Header3\";\nimport About from \"../components/sections/About\";\nimport Blogs from \"../components/sections/Blogs\";\nimport BrandlogosDark from \"../components/sections/BrandlogosDark\";\nimport Contact from \"../components/sections/Contact\";\nimport Experiences from \"../components/sections/Experiences\";\nimport Herosection from \"../components/sections/Herosection\";\nimport Pricing from \"../components/sections/Pricing\";\nimport Services from \"../components/sections/Services\";\nimport Testimonials from \"../components/sections/Testimonials\";\nimport Works from \"../components/sections/Works\";\n\nfunction HomepageDark() {\n  document.body.classList.add(\"dark\");\n  const [toggleMenu, setToggleMenu] = useState(false);\n\n  const headerToggler = (e) => {\n    e.preventDefault();\n    setToggleMenu(!toggleMenu);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content\")) {\n      setToggleMenu(false);\n    }\n  });\n\n  return (\n    <>\n      <Header\n        logoSource=\"/images/logo.svg\"\n        toggleMenu={toggleMenu}\n        headerToggler={headerToggler}\n      />\n      <main className={toggleMenu ? \"content open\" : \"content\"}>\n        <Element name=\"section-home\">\n          <ReactCursorPosition>\n            <Herosection />\n          </ReactCursorPosition>\n        </Element>\n        <Element name=\"section-about\">\n          <About />\n        </Element>\n        <Element name=\"section-services\">\n          <Services />\n        </Element>\n        <Element name=\"section-experiences\">\n          <Experiences />\n        </Element>\n        {/* <Element name=\"section-works\">\n          <Works />\n        </Element>\n        <Element name=\"section-pricing\">\n          <Pricing />\n        </Element>\n        <Element name=\"section-testimoninal\">\n          <Testimonials />\n        </Element> */}\n        {/* <Element name=\"section-brandlogos\">\n          <BrandlogosDark />\n        </Element> */}\n        <Element name=\"section-blogs\">\n          <Blogs />\n        </Element>\n        <Element name=\"section-contact\">\n          <Contact />\n        </Element>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n    </>\n  );\n}\n\nexport default HomepageDark;\n","import React from \"react\";\n\nfunction Pagination({ itemsPerPage, totalItems, paginate, currentPage }) {\n  const pageNumbers = [];\n\n  for (let i = 1; i <= Math.ceil(totalItems / itemsPerPage); i++) {\n    pageNumbers.push(i);\n  }\n\n  return (\n    <div className=\"blog-pagination text-center\">\n      <ul>\n        {currentPage === 1 ? null : (\n          <li>\n            <a onClick={(e) => paginate(e, currentPage - 1)} href=\"!#\">\n              <i className=\"icon-arrow-left\"></i>\n            </a>\n          </li>\n        )}\n        {pageNumbers.map((number) => (\n          <li\n            key={number}\n            className={currentPage === number ? \"is-active\" : null}\n          >\n            <a onClick={(e) => paginate(e, number)} href=\"!#\">\n              {number}\n            </a>\n          </li>\n        ))}\n        {currentPage === pageNumbers[pageNumbers.length - 1] ? null : (\n          <li>\n            <a onClick={(e) => paginate(e, currentPage + 1)} href=\"!#\">\n              <i className=\"icon-arrow-right\"></i>\n            </a>\n          </li>\n        )}\n      </ul>\n    </div>\n  );\n}\n\nexport default Pagination;\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../components/layouts/Header\";\nimport Blog from \"../components/elements/Blog\";\nimport Pagination from \"../components/elements/Pagination\";\n\nconst allBlogs = [\n  {\n    id: 11,\n    title: \"Burgiss Technology Stack Demo\",\n    image: \"https://i.imgur.com/sXfJHWP.png\",\n    filesource: \"../../blogs/11.md\",\n    date: \"Angular, ASP.NET Core 6, SQL Server, Azure, Docker, Kubernetes\",\n    author: \"\",\n    category: \"Personal\",\n  },\n  {\n    id: 1,\n    title: \"Rutgers Hackathon - First Place Winner\",\n    image: \"https://i.imgur.com/BOzM5ol.jpg\",\n    filesource: \"../../blogs/1.md\",\n    date: \"React Native, Express.JS, Node.JS, MongoDB\",\n    author: \"\",\n    category: \"Competitive\",\n  },\n  {\n    id: 2,\n    title: \"Tableau and Fedex API Integration\",\n    image: \"https://i.imgur.com/w3IJq1a.png\",\n    filesource: \"../../blogs/2.md\",\n    date: \"Python3, Tableau, Fedex API, AWS EC2\",\n    author: \"\",\n    category: \"Experience\",\n  },\n  {\n    id: 3,\n    title: \"SFDC Heat Map\",\n    image: \"https://i.imgur.com/rQwd4Av.png\",\n    filesource: \"../../blogs/3.md\",\n    date: \"Node.JS, Express.JS, AWS Elastic Beanstalk, AWS CodePipeline, SFDC, SQL\",\n    author: \"\",\n    category: \"Experience\",\n  },\n  {\n    id: 4,\n    title: \"Email Scripting - Attachment Transfer To S3 Automation\",\n    image: \"https://i.imgur.com/PGLxRBc.png\",\n    filesource: \"../../blogs/4.md\",\n    date: \"Python3, boto3, AWS S3, imaplib, email\",\n    author: \"\",\n    category: \"Experience\",\n  },\n  {\n    id: 5,\n    title: \"SFDC HTTPS Full Stack Web Application\",\n    image: \"https://i.imgur.com/sCXCbIH.png\",\n    filesource: \"../../blogs/5.md\",\n    date: \"SFDC, AWS EC2, SSL, React.JS, Express.JS, Node.JS, SQL, JWT\",\n    author: \"\",\n    category: \"Experience\",\n  },\n  {\n    id: 6,\n    title: \"SFDC to Snowflake Daily Data Transfer\",\n    image: \"https://i.imgur.com/NWXN6a3.png\",\n    filesource: \"../../blogs/6.md\",\n    date: \"Python3, SFDC, AWS EC2, Snowflake, SQL\",\n    author: \"\",\n    category: \"Experience\",\n  },\n  {\n    id: 7,\n    title: \"Hashing MongoDB Data for Security\",\n    image: \"https://i.imgur.com/rn8Lq0B.png\",\n    filesource: \"../../blogs/7.md\",\n    date: \"MongoDB, ByCrypt, Node.JS\",\n    author: \"\",\n    category: \"Personal Business\",\n  },\n  {\n    id: 8,\n    title: \"Username and Password + Twilio Phone Authentication System\",\n    image: \"https://i.imgur.com/Jaf0CMO.png\",\n    filesource: \"../../blogs/8.md\",\n    date: \"Twilio, MongoDB, Node.JS, Next.JS\",\n    author: \"\",\n    category: \"Personal Business\",\n  },\n  {\n    id: 9,\n    title: \"Web Application with Session Saving and Cookies - JWT\",\n    image: \"https://i.imgur.com/hvGsmPV.png\",\n    filesource: \"../../blogs/9.md\",\n    date: \"Node.JS, Next.JS, JWT, Cookies\",\n    author: \"\",\n    category: \"Personal Business\",\n  },\n  {\n    id: 10,\n    title: \"Portfolio Website Built in React.JS\",\n    image: \"https://i.imgur.com/SpvjJE0.png\",\n    filesource: \"../../blogs/10.md\",\n    date: \"React.JS, SCSS, CSS, HTML5, AWS Route 53, AWS S3 \",\n    author: \"\",\n    category: \"Personal\",\n  },\n];\n\nfunction Bloglist() {\n  document.body.classList.add(\"dark\");\n  //Uncomment the above line if you use dark version\n\n  const [posts, setPosts] = useState([]);\n  const [currentPage, setCurrentPage] = useState(1);\n  const [postsPerPage] = useState(6);\n\n  useEffect(() => {\n    setPosts(allBlogs);\n  }, []);\n\n  const indexOfLastPost = currentPage * postsPerPage;\n  const indexOfFirstPost = indexOfLastPost - postsPerPage;\n  const currentPosts = posts.slice(indexOfFirstPost, indexOfLastPost);\n\n  const paginate = (e, pageNumber) => {\n    window.scrollTo(0, 0);\n    e.preventDefault();\n    setCurrentPage(pageNumber);\n  };\n\n  const [toggleMenu, setToggleMenu] = useState(false);\n\n  const headerToggler = (e) => {\n    e.preventDefault();\n    setToggleMenu(!toggleMenu);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content\")) {\n      setToggleMenu(false);\n    }\n  });\n\n  return (\n    <>\n      <Header\n        logoSource=\"/images/logo.svg\"\n        toggleMenu={toggleMenu}\n        headerToggler={headerToggler}\n      />\n\n      <main className={toggleMenu ? \"content open\" : \"content\"}>\n        <div className=\"spacer\" data-height=\"96\"></div>\n        <div className=\"blog-page-section\">\n          <div className=\"container\">\n            <a className=\"btn btn-default go-down\" href=\"/\">\n              Close Project Page\n            </a>\n            <div className=\"row blog-wrapper fix-spacing\">\n              {currentPosts.map((blogItem) => (\n                <div className=\"col-md-6\" key={blogItem.id}>\n                  <Blog blogData={blogItem} />\n                </div>\n              ))}\n            </div>\n            <div className=\"spacer\" data-height=\"50\"></div>\n            {!(posts.length > postsPerPage) ? null : (\n              <Pagination\n                itemsPerPage={postsPerPage}\n                totalItems={posts.length}\n                paginate={paginate}\n                currentPage={currentPage}\n              />\n            )}\n          </div>\n        </div>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n    </>\n  );\n}\n\nexport default Bloglist;\n","import React, { useState, useEffect } from \"react\";\nimport Markdown from \"markdown-to-jsx\";\nimport Header from \"../components/layouts/Header\";\nimport { Link } from \"react-router-dom\";\n\nfunction BlogDetails(props) {\n  const [content, setContent] = useState(\"\");\n  const blogId = props.match.params.id;\n  const blogFile = props.match.params.title;\n\n  useEffect(() => {\n    import(`../blogs/${blogFile}.md`)\n      .then((res) => res.default)\n      .then((res) => {\n        fetch(res)\n          .then((result) => result.text())\n          .then((result) => setContent(result));\n      });\n  }, [content, blogFile]);\n\n  const [toggleMenu, setToggleMenu] = useState(false);\n\n  const headerToggler = (e) => {\n    e.preventDefault();\n    setToggleMenu(!toggleMenu);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content\")) {\n      setToggleMenu(false);\n    }\n  });\n\n  document.body.classList.add(\"light\");\n\n  return (\n    <>\n      <Header\n        logoSource=\"/images/logo.svg\"\n        toggleMenu={toggleMenu}\n        headerToggler={headerToggler}\n      />\n      <main className={toggleMenu ? \"content open\" : \"content\"}>\n        <div className=\"spacer\" data-height=\"96\"></div>\n        <div className=\"blog-page-section\">\n          <div className=\"container\">\n            <div className=\"blog-single shadow-dark p-30\">\n              <Link to=\"/blogs\" className=\"btn btn-default\">\n                Show all projects\n              </Link>\n              <Markdown>{content}</Markdown>\n              <div className=\"mi-blog-details-comments mt-30\"></div>\n            </div>\n          </div>\n        </div>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n    </>\n  );\n}\n\nexport default BlogDetails;\n","import React from \"react\";\nimport { BrowserRouter, Switch, Route } from \"react-router-dom\";\nimport HomepageDark from \"./pages/HomepageDark\";\nimport Bloglist from \"./pages/Bloglist\";\nimport BlogDetails from \"./pages/BlogDetails\";\nimport \"./App.scss\";\n\nfunction App() {\n  return (\n    <BrowserRouter>\n      <Switch>\n        <Route path=\"/\" exact>\n          <HomepageDark />\n        </Route>\n        <Route path=\"/blogs\" component={Bloglist} exact />\n        <Route path=\"/blogs/blog-details/:id/:title\" component={BlogDetails} />\n      </Switch>\n    </BrowserRouter>\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport \"animate.css/animate.min.css\";\nimport App from \"./App\";\nimport * as serviceWorker from \"./serviceWorker\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}