{"version":3,"sources":["components/Pre.js","components/Navbar.js","Assets/logo.png","Assets/home-main.png","components/Particle.js","components/Home/Type.js","components/Home/Home.js","components/About/Techstack.js","Assets/Ahmed-CV.pdf","components/About/AboutCard.js","Assets/about.png","components/About/About.js","components/Projects/ProjectCards.js","Assets/Projects/fouziaaldraihem.jpg","Assets/Projects/insep.jpg","Assets/Projects/jubailevent.jpg","Assets/Projects/scadaatech.jpg","Assets/Projects/school.jpg","Assets/Projects/st2oon.jpg","Assets/Projects/archive.jpg","Assets/Projects/clinicX.jpg","Assets/Projects/laundryBag.jpg","Assets/Projects/RestaurantBag.jpg","Assets/Projects/StoreBag.jpg","Assets/Projects/sadiqatiapp.jpg","components/Projects/Projects.js","components/Footer.js","components/ScrollToTop.js","App.js","index.js"],"names":["Pre","props","id","load","NavBar","useState","expand","updateExpanded","navColour","updateNavbar","window","addEventListener","scrollY","Navbar","expanded","fixed","className","Container","Brand","href","src","alt","Toggle","aria-controls","onClick","Collapse","Nav","defaultActiveKey","Item","Link","as","to","style","marginBottom","Particle","params","particles","number","value","density","enable","value_area","line_linked","opacity","move","direction","speed","size","anim","opacity_min","interactivity","events","onclick","mode","modes","push","particles_nb","retina_detect","Type","options","strings","autoStart","loop","deleteSpeed","Home","fluid","Row","Col","md","paddingBottom","padding","textAlign","homeLogo","Techstack","justifyContent","xs","AboutCard","Card","Body","marginBlockEnd","color","Button","variant","pdf","target","About","paddingTop","fontSize","laptopImg","ProjectCards","Img","imgPath","Title","title","Text","description","isWeb","link","Projects","fouziaaldraihem","insep","jubailevent","scadaatech","st2oon","school","StoreBag","RestaurantBag","laundryBag","archive","clinicX","sadiqatiapp","Footer","year","Date","getFullYear","ScrollToTop","pathname","useLocation","useEffect","scrollTo","App","upadateLoad","setTimeout","path","exact","component","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.27f9847e.chunk.js","sourcesContent":["import React from \"react\";\nfunction Pre(props) {\n  return <div id={props.load ? \"preloader\" : \"preloader-none\"}></div>;\n}\n\nexport default Pre;\n","import React, { useState } from \"react\";\nimport Navbar from \"react-bootstrap/Navbar\";\nimport Nav from \"react-bootstrap/Nav\";\nimport Container from \"react-bootstrap/Container\";\nimport logo from \"../Assets/logo.png\";\nimport { Link } from \"react-router-dom\";\nimport { AiOutlineHome, AiOutlineFundProjectionScreen, AiOutlineUser} from \"react-icons/ai\";\n\nfunction NavBar() {\n  const [expand, updateExpanded] = useState(false);\n  const [navColour, updateNavbar] = useState(false);\n\n  function scrollHandler() {\n    if (window.scrollY >= 20) {\n      updateNavbar(true);\n    } else {\n      updateNavbar(false);\n    }\n  }\n\n  window.addEventListener(\"scroll\", scrollHandler);\n\n  return (\n    <Navbar\n      expanded={expand}\n      fixed=\"top\"\n      expand=\"md\"\n      className={navColour ? \"sticky\" : \"navbar\"}\n    >\n      <Container>\n        <Navbar.Brand href=\"/\">\n          <img src={logo} className=\"img-fluid logo\" alt=\"brand\" />\n        </Navbar.Brand>\n        <Navbar.Toggle\n          aria-controls=\"responsive-navbar-nav\"\n          onClick={() => {\n            updateExpanded(expand ? false : \"expanded\");\n          }}\n        >\n          <span></span>\n          <span></span>\n          <span></span>\n        </Navbar.Toggle>\n        <Navbar.Collapse id=\"responsive-navbar-nav\">\n          <Nav className=\"ml-auto\" defaultActiveKey=\"#home\">\n            <Nav.Item>\n              <Nav.Link as={Link} to=\"/\" onClick={() => updateExpanded(false)}>\n                <AiOutlineHome style={{ marginBottom: \"2px\" }} /> Home\n              </Nav.Link>\n            </Nav.Item>\n            <Nav.Item>\n              <Nav.Link\n                as={Link}\n                to=\"/about\"\n                onClick={() => updateExpanded(false)}\n              >\n                <AiOutlineUser style={{ marginBottom: \"2px\" }} /> About\n              </Nav.Link>\n            </Nav.Item>\n            <Nav.Item>\n              <Nav.Link\n                as={Link}\n                to=\"/project\"\n                onClick={() => updateExpanded(false)}\n              >\n                <AiOutlineFundProjectionScreen\n                  style={{ marginBottom: \"2px\" }}\n                />{\" \"}\n                Projects\n              </Nav.Link>\n            </Nav.Item>\n          </Nav>\n        </Navbar.Collapse>\n      </Container>\n    </Navbar>\n  );\n}\n\nexport default NavBar;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaEAAAD6CAYAAAAIlvhCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRDNDFDNDNEQ0JDMDExRUJCRDA0QzkxQ0RFQTc1ODFBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRDNDFDNDNFQ0JDMDExRUJCRDA0QzkxQ0RFQTc1ODFBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEM0MUM0M0JDQkMwMTFFQkJEMDRDOTFDREVBNzU4MUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEM0MUM0M0NDQkMwMTFFQkJEMDRDOTFDREVBNzU4MUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68nHILAAATo0lEQVR42uydy3EbxxZA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\"","export default __webpack_public_path__ + \"static/media/home-main.148908ce.png\";","import React from \"react\";\nimport Particles from \"react-particles-js\";\n\nfunction Particle() {\n  return (\n    <Particles\n      params={{\n        particles: {\n          number: {\n            value: 160,\n            density: {\n              enable: true,\n              value_area: 1500,\n            },\n          },\n          line_linked: {\n            enable: false,\n            opacity: 0.03,\n          },\n          move: {\n            direction: \"right\",\n            speed: 0.05,\n          },\n          size: {\n            value: 1,\n          },\n          opacity: {\n            anim: {\n              enable: true,\n              speed: 1,\n              opacity_min: 0.05,\n            },\n          },\n        },\n        interactivity: {\n          events: {\n            onclick: {\n              enable: true,\n              mode: \"push\",\n            },\n          },\n          modes: {\n            push: {\n              particles_nb: 1,\n            },\n          },\n        },\n        retina_detect: true,\n      }}\n    />\n  );\n}\n\nexport default Particle;\n","import React from \"react\";\nimport Typewriter from \"typewriter-effect\";\n\nfunction Type() {\n  return (\n    <Typewriter\n      options={{\n        strings: [\n          \"Front End Developer\",\n          \"Back End Developer\",\n          \"Software Engineer\",\n        ],\n        autoStart: true,\n        loop: true,\n        deleteSpeed: 50,\n      }}\n    />\n  );\n}\n\nexport default Type;\n","import React from \"react\";\nimport { Container, Row, Col } from \"react-bootstrap\";\nimport homeLogo from \"../../Assets/home-main.png\";\nimport Particle from \"../Particle\";\nimport Type from \"./Type\";\n\nfunction Home() {\n  return (\n    <section>\n      <Container fluid className=\"home-section\" id=\"home\">\n        <Particle />\n        <Container className=\"home-content\">\n          <Row>\n            <Col md={7} className=\"home-header\">\n              <h1 style={{ paddingBottom: 15 }} className=\"heading\">\n                Hi There! <span className=\"wave\">👋🏻</span>\n              </h1>\n\n              <h1 className=\"heading-name\">\n                I'M\n                <strong className=\"main-name\"> Ahmed Youssef </strong>\n              </h1>\n\n              <div style={{ padding: 50, textAlign: \"left\" }}>\n                <Type />\n              </div>\n            </Col>\n\n            <Col md={5} style={{ paddingBottom: 20 }}>\n              <img src={homeLogo} alt=\"home pic\" className=\"img-fluid\" />\n            </Col>\n          </Row>\n        </Container>\n      </Container>\n    </section>\n  );\n}\n\nexport default Home;\n","import React from \"react\";\nimport { Col, Row } from \"react-bootstrap\";\nimport {\n  DiVisualstudio,\n  DiReact,\n  DiHtml5,\n  DiPython,\n  DiGit,\n  DiAndroid,\n  DiMsqlServer,\n  DiDotnet,\n  DiCss3,\n  DiPhotoshop  \n} from \"react-icons/di\";\n\nfunction Techstack() {\n  return (\n    <Row style={{ justifyContent: \"center\", paddingBottom: \"50px\" }}>\n       <Col xs={4} md={2} className=\"tech-icons\">\n        <DiHtml5 />\n      </Col>\n       <Col xs={4} md={2} className=\"tech-icons\">\n        <DiCss3 />\n      </Col>\n      <Col xs={4} md={2} className=\"tech-icons\">\n        <DiDotnet />\n      </Col>\n      <Col xs={4} md={2} className=\"tech-icons\">\n        <DiVisualstudio />\n      </Col>     \n      <Col xs={4} md={2} className=\"tech-icons\">\n        <DiReact />\n      </Col>     \n      <Col xs={4} md={2} className=\"tech-icons\">\n        <DiPython />\n      </Col>\n      <Col xs={4} md={2} className=\"tech-icons\">\n        <DiMsqlServer />\n      </Col>     \n      <Col xs={4} md={2} className=\"tech-icons\">\n        <DiGit />\n      </Col>\n      <Col xs={4} md={2} className=\"tech-icons\">\n        <DiAndroid />\n      </Col>\n      <Col xs={4} md={2} className=\"tech-icons\">\n        <DiPhotoshop />\n      </Col>\n    </Row>\n  );\n}\n\nexport default Techstack;\n","export default __webpack_public_path__ + \"static/media/Ahmed-CV.d77bd3d4.pdf\";","import React from \"react\";\nimport Card from \"react-bootstrap/Card\";\n\nimport Button from \"react-bootstrap/Button\";\nimport pdf from \"../../Assets/Ahmed-CV.pdf\";\nimport { AiOutlineDownload } from \"react-icons/ai\";\n\nfunction AboutCard() {\n  return (\n    <Card className=\"quote-card-view\">\n      <Card.Body>\n        <blockquote className=\"blockquote mb-0\">\n          <p style={{ textAlign: \"justify\" }}>\n            Hi Everyone, I am <span className=\"purple\">Ahmed Youssef </span>\n            from <span className=\"purple\"> Fayoum, Egypt.</span>\n            <br />\n            <br />\n            A Full Stack Developer having an experience of building Web applications with JavaScript / Reactjs / ASP Core / Python and some other cool libraries and frameworks and Cross Platform Mobile Apps With Flutter.\n            <br />\n            <br />\n          </p>        \n          <p style={{ marginBlockEnd: 0, color: \"rgb(155 126 172)\" }}>\n            {/* \"Share what you can to benefit the others\"{\" \"} */}\n            <Button variant=\"primary\" href={pdf} target=\"_blank\">\n            <AiOutlineDownload />\n            &nbsp;Download CV\n          </Button>\n          </p>\n          <footer className=\"blockquote-footer\"> </footer>\n        </blockquote>\n      </Card.Body>\n    </Card>\n  );\n}\n\nexport default AboutCard;\n","export default __webpack_public_path__ + \"static/media/about.a5aaa70b.png\";","import React from \"react\";\nimport { Container, Row, Col } from \"react-bootstrap\";\nimport Particle from \"../Particle\";\nimport Techstack from \"./Techstack\";\nimport Aboutcard from \"./AboutCard\";\nimport laptopImg from \"../../Assets/about.png\";\n\nfunction About() {\n  return (\n    <Container fluid className=\"about-section\">\n      <Particle />\n      <Container>\n        <Row style={{ justifyContent: \"center\", padding: \"10px\" }}>\n          <Col\n            md={7}\n            style={{\n              justifyContent: \"center\",\n              paddingTop: \"30px\",\n              paddingBottom: \"50px\",\n            }}\n          >\n            <h1 style={{ fontSize: \"2.1em\", paddingBottom: \"20px\" }}>\n              Know Who <strong className=\"purple\">I'M</strong>\n            </h1>\n            <Aboutcard />\n          </Col>\n          <Col\n            md={5}\n            style={{ paddingTop: \"120px\", paddingBottom: \"50px\" }}\n            className=\"about-img\"\n          >\n            <img src={laptopImg} alt=\"about\" className=\"img-fluid\" />\n          </Col>\n        </Row>\n        <h1 className=\"project-heading\">\n          Professional <strong className=\"purple\">Skillset </strong>\n        </h1>\n\n        <Techstack />\n\n      </Container>\n    </Container>\n  );\n}\n\nexport default About;\n","import React from \"react\";\nimport Card from \"react-bootstrap/Card\";\nimport Button from \"react-bootstrap/Button\";\nimport { BiLinkExternal } from \"react-icons/bi\";\n\nfunction ProjectCards(props) {\n  return (\n    <Card className=\"project-card-view\">\n      <Card.Img variant=\"top\" src={props.imgPath} alt=\"card-img\" />\n      <Card.Body>\n        <Card.Title>{props.title}</Card.Title>\n        <Card.Text style={{ textAlign: \"justify\" }}>\n          {props.description}\n        </Card.Text>\n        { props.isWeb && <Button variant=\"primary\" href={props.link} target=\"_blank\">\n          <BiLinkExternal /> &nbsp;\n         Visit\n        </Button>}\n      </Card.Body>\n    </Card>\n  );\n}\nexport default ProjectCards;\n","export default __webpack_public_path__ + \"static/media/fouziaaldraihem.56d4f932.jpg\";","export default __webpack_public_path__ + \"static/media/insep.f617cfe1.jpg\";","export default __webpack_public_path__ + \"static/media/jubailevent.6711e73b.jpg\";","export default __webpack_public_path__ + \"static/media/scadaatech.0e464e83.jpg\";","export default __webpack_public_path__ + \"static/media/school.cd7119c4.jpg\";","export default __webpack_public_path__ + \"static/media/st2oon.eba78cfc.jpg\";","export default __webpack_public_path__ + \"static/media/archive.7f070c0c.jpg\";","export default __webpack_public_path__ + \"static/media/clinicX.c9381dc4.jpg\";","export default __webpack_public_path__ + \"static/media/laundryBag.3cc76e71.jpg\";","export default __webpack_public_path__ + \"static/media/RestaurantBag.aed0b00b.jpg\";","export default __webpack_public_path__ + \"static/media/StoreBag.b36fffb6.jpg\";","export default __webpack_public_path__ + \"static/media/sadiqatiapp.249c07d6.jpg\";","import React from \"react\";\nimport { Container, Row, Col } from \"react-bootstrap\";\nimport ProjectCard from \"./ProjectCards\";\nimport Particle from \"../Particle\";\n\nimport fouziaaldraihem from \"../../Assets/Projects/fouziaaldraihem.jpg\";\nimport insep from \"../../Assets/Projects/insep.jpg\";\nimport jubailevent from \"../../Assets/Projects/jubailevent.jpg\";\nimport scadaatech from \"../../Assets/Projects/scadaatech.jpg\";\nimport school from \"../../Assets/Projects/school.jpg\";\nimport st2oon from \"../../Assets/Projects/st2oon.jpg\";\n\nimport archive from \"../../Assets/Projects/archive.jpg\";\nimport clinicX from \"../../Assets/Projects/clinicX.jpg\";\nimport laundryBag from \"../../Assets/Projects/laundryBag.jpg\";\nimport RestaurantBag from \"../../Assets/Projects/RestaurantBag.jpg\";\nimport StoreBag from \"../../Assets/Projects/StoreBag.jpg\";\n\nimport sadiqatiapp from \"../../Assets/Projects/sadiqatiapp.jpg\";\n\nfunction Projects() {\n  return (\n    <Container fluid className=\"project-section\">\n      <Particle />\n      <Container>\n        <h1 className=\"project-heading\">\n          Web <strong className=\"purple\">applications </strong>\n        </h1>\n        <p style={{ color: \"white\" }}>\n          Here are a few applications I've worked on.\n        </p>\n        <Row style={{ justifyContent: \"center\", paddingBottom: \"10px\" }}>\n        \n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={fouziaaldraihem}\n              isWeb={true}\n              title=\"Fouzia Aldraihem Website\"\n              description=\"\"\n              link=\"http://fouziaaldraihem.com/\"\n            />\n          </Col>\n\n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={insep}\n              isWeb={true}\n              title=\"INSEP Website\"\n              description=\"\"\n              link=\"http://insep.net/\"\n            />\n          </Col>\n\n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={jubailevent}\n              isWeb={true}\n              title=\"Jubail Events Website\"\n              description=\"\"\n              link=\"http://jubailevent.com\"\n            />\n          </Col>\n\n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={scadaatech}\n              isWeb={true}\n              title=\"SCADAA Tech Website\"\n              description=\"\"\n              link=\"http://scadaatech.com/\"\n            />\n          </Col>\n\n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={st2oon}\n              isWeb={true}\n              title=\"St2oon Website\"\n              description=\"\"\n              link=\"http://st2oon.net/\"\n            />\n          </Col>\n\n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={school}\n              isWeb={true}\n              title=\"School Website\"\n              description=\"\"\n              link=\"http://school.7srv.com/\"\n            />\n          </Col>\n         \n        </Row>     \n        <br /> \n        <br /> \n        <br /> \n        <h1 className=\"project-heading\">\n            Desktop <strong className=\"purple\"> applications </strong>\n        </h1>\n        <p style={{ color: \"white\" }}>\n          Here are a few applications I've worked on.\n        </p>\n        <Row style={{ justifyContent: \"center\", paddingBottom: \"10px\" }}>\n        \n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={StoreBag}\n              isWeb={false}\n              title=\"Store Application\"\n              description=\"\"\n              link=\"\"\n            />\n          </Col>\n\n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={RestaurantBag}\n              isWeb={false}\n              title=\"Restaurant Application\"\n              description=\"\"\n              link=\"\"\n            />\n          </Col>\n\n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={laundryBag}\n              isWeb={false}\n              title=\"laundry Application\"\n              description=\"\"\n              link=\"\"\n            />\n          </Col>\n\n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={archive}\n              isWeb={false}\n              title=\"Archive Application\"\n              description=\"\"\n              link=\"\"\n            />\n          </Col>\n\n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={clinicX}\n              isWeb={false}\n              title=\"Clinic Application\"\n              description=\"\"\n              link=\"\"\n            />\n          </Col>\n         \n        </Row>  \n        <br /> \n        <br /> \n        <br /> \n        <h1 className=\"project-heading\">\n            Mobile\n             <strong className=\"purple\"> applications </strong>\n        </h1>\n        <p style={{ color: \"white\" }}>\n          Here are a few applications I've worked on.\n        </p>\n        <Row style={{ justifyContent: \"center\", paddingBottom: \"10px\" }}>\n        \n          <Col md={4} className=\"project-card\">\n            <ProjectCard\n              imgPath={sadiqatiapp}\n              isWeb={true}\n              title=\"Sadiqati Application\"\n              description=\"\"\n              link=\"https://play.google.com/store/apps/details?id=com.myapp.sadiqatiapp\"\n            />\n          </Col>\n\n         \n        </Row>     \n      </Container>\n    </Container>\n  );\n}\n\nexport default Projects;\n","import React from \"react\";\nimport { Container, Row, Col } from \"react-bootstrap\";\nimport {\n  AiFillGithub,\n  AiOutlineTwitter,\n} from \"react-icons/ai\";\nimport { FaLinkedinIn } from \"react-icons/fa\";\n\nfunction Footer() {\n  let date = new Date();\n  let year = date.getFullYear();\n  return (\n    <Container fluid className=\"footer\">\n      <Row>\n        <Col md=\"4\" className=\"footer-copywright\">\n          <h3></h3>\n        </Col>\n        <Col md=\"4\" className=\"footer-copywright\">\n          <h3>Copyright © {year} </h3>\n        </Col>\n        <Col md=\"4\" className=\"footer-body\">\n          <ul className=\"footer-icons\">\n            <li className=\"social-icons\">\n              <a target=\"_blank\"\n                href=\"https://github.com/fahd2025\"\n                style={{ color: \"white\" }}\n              >\n                <AiFillGithub />\n              </a>\n            </li>\n            <li className=\"social-icons\">\n              <a target=\"_blank\"\n                href=\"https://twitter.com/fahd2025\"\n                style={{ color: \"white\" }}\n              >\n                <AiOutlineTwitter />\n              </a>\n            </li>\n            <li className=\"social-icons\">\n              <a target=\"_blank\"\n                href=\"https://www.linkedin.com/in/fahd2025/\"\n                style={{ color: \"white\" }}\n              >\n                <FaLinkedinIn />\n              </a>\n            </li>          \n          </ul>\n        </Col>\n      </Row>\n    </Container>\n  );\n}\n\nexport default Footer;\n","import { useEffect } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nfunction ScrollToTop() {\n  const { pathname } = useLocation();\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [pathname]);\n  return null;\n}\n\nexport default ScrollToTop;\n","import React, { useState, useEffect } from \"react\";\nimport Preloader from \"../src/components/Pre\";\nimport Navbar from \"./components/Navbar\";\nimport Home from \"./components/Home/Home\";\nimport About from \"./components/About/About\";\nimport Projects from \"./components/Projects/Projects\";\nimport Footer from \"./components/Footer\";\nimport { BrowserRouter, Route, Switch } from \"react-router-dom\";\nimport \"./style.css\";\nimport \"./stars.scss\";\nimport \"./App.css\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\n\nimport ScrollToTop from \"./components/ScrollToTop\";\n\nfunction App() {\n  const [load, upadateLoad] = useState(true);\n  useEffect(() => {\n    setTimeout(() => {\n      upadateLoad(false);\n    }, 1200);\n  }, []);\n\n  return (\n    <BrowserRouter>\n      <Preloader load={load} />\n      <div className=\"App\" id={load ? \"no-scroll\" : \"scroll\"}>\n        <div id=\"stars\" />\n        <div id=\"stars2\" />\n        <div id=\"stars3\" />\n        <Navbar />\n        <ScrollToTop />\n        <Switch>\n          <Route path=\"/\" exact component={Home} />\n          <Route path=\"/project\" component={Projects} />\n          <Route path=\"/about\" component={About} />\n        </Switch>\n        <Footer />\n      </div>\n    </BrowserRouter>\n  );\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\n\nReactDOM.render(<App />, document.getElementById(\"root\"));\n"],"sourceRoot":""}