{"version":3,"sources":["Components/Header.jsx","Components/Accordion.jsx","Components/Home.jsx","Components/Skills.jsx","Components/About.jsx","Components/Work.jsx","App.js","reportWebVitals.js","index.js"],"names":["Header","className","to","class","src","width","height","alt","type","data-bs-toggle","data-bs-target","aria-controls","aria-expanded","aria-label","id","aria-current","href","target","rel","Accordion","aria-labelledby","data-bs-parent","Home","useState","projects","setProjects","useEffect","fetch","then","res","json","data","style","marginLeft","marginTop","role","viewBox","xmlns","d","map","project","link","repo","replaceAll","description","Skills","About","Work","console","log","name","html_url","homepage","App","exact","path","render","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.a48bb58b.chunk.js","sourcesContent":["import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nconst Header = () => {\r\n  return (\r\n    <div>\r\n      <nav className=\"navbar navbar-expand-lg navbar-light bg-light shadow-sm\">\r\n        <div className=\"container-fluid\">\r\n          <Link className=\"navbar-brand ms-1\" to=\"/\">\r\n            <img\r\n              class=\"d-inline-block align-text-top me-3 img\"\r\n              src=\"https://i.postimg.cc/BbhCdy6n/circle-cropped-5.png\"\r\n              width=\"24px\"\r\n              height=\"24px\"\r\n              alt=\"My Pic\"\r\n            />\r\n            Adhiraj Bhatia\r\n          </Link>\r\n          <button\r\n            className=\"navbar-toggler\"\r\n            type=\"button\"\r\n            data-bs-toggle=\"collapse\"\r\n            data-bs-target=\"#navbarSupportedContent\"\r\n            aria-controls=\"navbarSupportedContent\"\r\n            aria-expanded=\"false\"\r\n            aria-label=\"Toggle navigation\"\r\n          >\r\n            <span className=\"navbar-toggler-icon\"></span>\r\n          </button>\r\n          <div className=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\r\n            <ul className=\"navbar-nav me-auto mb-2 mb-lg-0\">\r\n              <li className=\"nav-item mx-auto\">\r\n                <Link className=\"nav-link active\" aria-current=\"page\" to=\"/\">\r\n                  Home\r\n                </Link>\r\n              </li>\r\n              <li className=\"nav-item mx-auto\">\r\n                <Link className=\"nav-link active mx-auto\" to=\"/about\">\r\n                  About\r\n                </Link>\r\n              </li>\r\n              <li className=\"nav-item mx-auto\">\r\n                <Link className=\"nav-link active mx-auto\" to=\"/work\">\r\n                  Work\r\n                </Link>\r\n              </li>\r\n              <li className=\"nav-item mx-auto\">\r\n                <Link className=\"nav-link active mx-auto\" to=\"/skills\">\r\n                  Technologies\r\n                </Link>\r\n              </li>\r\n              <li className=\"nav-item mx-auto\">\r\n                <a\r\n                  className=\"nav-link active mx-auto\"\r\n                  href=\"https://adhirajwrites.hashnode.dev\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                >\r\n                  Blog\r\n                </a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </nav>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Header;\r\n","import React from \"react\";\n\nfunction Accordion() {\n  return (\n    <div className=\"mt-4\">\n      <div class=\"accordion\" id=\"accordionExample\">\n        <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"headingOne\">\n            <button\n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapseOne\"\n              aria-expanded=\"true\"\n              aria-controls=\"collapseOne\"\n            >\n              Front End Technologies :\n            </button>\n          </h2>\n          <div\n            id=\"collapseOne\"\n            class=\"accordion-collapse collapse\"\n            aria-labelledby=\"headingOne\"\n            data-bs-parent=\"#accordionExample\"\n          >\n            <div class=\"accordion-body\">\n              <ul class=\"list-group\">\n                <li class=\"list-group-item\">HTML</li>\n                <li class=\"list-group-item\">CSS</li>\n                <li class=\"list-group-item\">Bootstrap</li>\n                <li class=\"list-group-item\">Sass</li>\n                <li class=\"list-group-item\">JavaScript</li>\n                <li class=\"list-group-item\">React</li>\n                <li class=\"list-group-item\">Next.js</li>\n                <li class=\"list-group-item\">Firebase</li>\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"headingTwo\">\n            <button\n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapseTwo\"\n              aria-expanded=\"false\"\n              aria-controls=\"collapseTwo\"\n            >\n              Version Control Technologies :\n            </button>\n          </h2>\n          <div\n            id=\"collapseTwo\"\n            class=\"accordion-collapse collapse\"\n            aria-labelledby=\"headingTwo\"\n            data-bs-parent=\"#accordionExample\"\n          >\n            <div class=\"accordion-body\">\n              <ul class=\"list-group\">\n                <li class=\"list-group-item\">Git</li>\n                <li class=\"list-group-item\">Github</li>\n                <li class=\"list-group-item\">Markdown</li>\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"headingThree\">\n            <button\n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapseThree\"\n              aria-expanded=\"false\"\n              aria-controls=\"collapseThree\"\n            >\n              Backend End Technologies :\n            </button>\n          </h2>\n          <div\n            id=\"collapseThree\"\n            class=\"accordion-collapse collapse\"\n            aria-labelledby=\"headingThree\"\n            data-bs-parent=\"#accordionExample\"\n          >\n            <div class=\"accordion-body\">\n              <ul class=\"list-group\">\n                <li class=\"list-group-item\">Node.js</li>\n                <li class=\"list-group-item\">Express</li>\n                <li class=\"list-group-item\">MongoDB</li>\n                <li class=\"list-group-item\">Python</li>\n                <li class=\"list-group-item\">Django</li>\n                <li class=\"list-group-item\">Flask</li>\n                <li class=\"list-group-item\">PostgreSQL</li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Accordion;\n","import React, { useState, useEffect } from \"react\";\r\nimport Accordion from \"./Accordion\";\r\nexport const Home = () => {\r\n  const style = {\r\n    height: \"300px\",\r\n    width: \"300px\",\r\n    marginLeft: \"150px\",\r\n    marginTop: \"20px\",\r\n  };\r\n  const style1 = {\r\n    height: \"50px\",\r\n  };\r\n  const [projects, setProjects] = useState([]);\r\n  useEffect(() => {\r\n    fetch(\r\n      \"https://gh-pinned-repos-5l2i19um3.vercel.app/?username=AdhirajBhatia\"\r\n    )\r\n      .then((res) => res.json())\r\n      .then((data) => {\r\n        setProjects(data);\r\n      });\r\n  }, [projects]);\r\n  return (\r\n    <div className=\"mx-4 animate__animated animate__lightSpeedInLeft\">\r\n      <div className=\"pb-5 border-bottom border-primary border-2\">\r\n        <h2 className=\"my-5 text-dark d-inline-block kh\">\r\n          Hi ! I am Adhiraj Bhatia 👋\r\n          <h2 className=\"my-3 lh-lg\">\r\n            I am a <em>Full Stack Developer</em> from India{\" \"}\r\n            <img\r\n              src=\"https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/joypixels/275/flag-india_1f1ee-1f1f3.png\"\r\n              alt=\"Indian Flag\"\r\n              style={style1}\r\n            ></img>\r\n          </h2>\r\n        </h2>\r\n\r\n        <img\r\n          src=\"https://i.ibb.co/MPB7kq5/download.png\"\r\n          alt=\"coding \"\r\n          style={style}\r\n          className=\"svg\"\r\n        ></img>\r\n        <br />\r\n        <a href=\"https://github.com/AdhirajBhatia\">\r\n          <button className=\"btn btn-light btn-lg \">\r\n            <svg\r\n              role=\"img\"\r\n              viewBox=\"0 0 24 24\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              className=\"inline-block w-5 h-5 mr-2 align-text-top\"\r\n            >\r\n              <path d=\"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"></path>\r\n            </svg>\r\n            <span className=\"mx-2\">GitHub</span>\r\n          </button>\r\n          <br />\r\n          <br />\r\n        </a>\r\n        <a href=\"mailto:adhirajb1109@gmail.com\">\r\n          <button className=\"btn btn-primary btn-lg\">\r\n            <span>Get In Touch</span>\r\n          </button>\r\n        </a>\r\n      </div>\r\n      <div className=\"pb-4 border-bottom border-primary border-2\">\r\n        <h2 className=\"my-4\">About :</h2>\r\n        <h5 className=\"lh-lg\">\r\n          Hi ! I am Adhiraj Bhatia 👋 . I 'm a dedicated pre-teen full stack web\r\n          developer from India . Since the day I started learning coding , I\r\n          have learned a lot of new skills . The universe of my skills will be\r\n          always expanding .\r\n        </h5>\r\n      </div>\r\n      <div className=\"pb-5 border-bottom border-primary border-2\">\r\n        <h2 className=\"mt-4\">Technologies :</h2>\r\n        <Accordion />\r\n      </div>\r\n      <div className=\"pb-5\">\r\n        <h2 className=\"mt-4\">Projects :</h2>\r\n        {projects.map((project) => (\r\n          <div\r\n            className=\"card mb-4 me-5 mt-3 d-inline-block\"\r\n            style={{ width: \"21rem\" }}\r\n          >\r\n            <div className=\"card-body\">\r\n              <h5 className=\"card-title\">\r\n                <a\r\n                  className=\"text-decoration-none text-dark\"\r\n                  href={project.link}\r\n                >\r\n                  {project.repo.replaceAll(\"-\", \" \")}\r\n                </a>\r\n              </h5>\r\n              <h6 className=\"card-text mb-2 text-muted\">\r\n                {project.description}\r\n              </h6>\r\n            </div>\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from \"react\";\r\n\r\nexport default function Skills() {\r\n  return (\r\n    <div className=\"mx-4 text-dark animate__animated animate__lightSpeedInLeft\">\r\n      <br />\r\n      <h2 className=\"pb-4 border-bottom border-primary border-2\">\r\n        Technologies & Tools :{\" \"}\r\n      </h2>\r\n      <div className=\"my-4\">\r\n        <h3 className=\"pb-4 \">Front End Technologies :</h3>\r\n        <div className=\"skilldiv\">\r\n          <img\r\n            className=\"skills\"\r\n            src=\"https://image.flaticon.com/icons/png/512/1216/1216733.png\"\r\n            alt=\"HTML\"\r\n          />\r\n          <img\r\n            className=\"skills\"\r\n            src=\"https://i.postimg.cc/GhGZJDzP/css-3.png\"\r\n            alt=\"CSS\"\r\n          />\r\n          <img\r\n            className=\"skills\"\r\n            src=\"https://camo.githubusercontent.com/a664defdd5c2ec93a3fbfb51e0f2aaafa5dc57bf1e13aa47456ced037b3cebe8/68747470733a2f2f676574626f6f7473747261702e636f6d2f646f63732f352e302f6173736574732f6272616e642f626f6f7473747261702d6c6f676f2d736861646f772e706e67\"\r\n            alt=\"Bootstrap\"\r\n          />\r\n          <img\r\n            className=\"skills\"\r\n            src=\"https://rstudio.github.io/sass/reference/figures/logo.svg\"\r\n            alt=\"SASS\"\r\n          />\r\n          <img\r\n            className=\"skills\"\r\n            src=\"https://www.freepnglogos.com/uploads/javascript-png/javascript-vector-logo-yellow-png-transparent-javascript-vector-12.png\"\r\n            alt=\"JavaScript\"\r\n          />\r\n          <img\r\n            className=\"skills\"\r\n            src=\"https://i.postimg.cc/hPWYjjgX/physics.png\"\r\n            alt=\"React\"\r\n          />\r\n          <img\r\n            className=\"skills\"\r\n            src=\"https://cdn.worldvectorlogo.com/logos/next-js.svg\"\r\n            alt=\"Next.js\"\r\n          />\r\n          <img\r\n            className=\"skills\"\r\n            src=\"https://firebase.google.com/downloads/brand-guidelines/PNG/logo-vertical.png\"\r\n            alt=\"Firebase\"\r\n          />\r\n        </div>\r\n        <h3 className=\"pb-4 \">Version Control Technologies :</h3>\r\n        <div className=\"skilldiv\"></div>\r\n        <img\r\n          className=\"skills\"\r\n          src=\"https://camo.githubusercontent.com/ce9c7a173f38722e129d5ae832a11c928ff72683fae74cbcb9fff41fd9957e63/68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f7468756d622f332f33662f4769745f69636f6e2e7376672f3130323470782d4769745f69636f6e2e7376672e706e67\"\r\n          alt=\"Git\"\r\n        />\r\n        <img\r\n          className=\"skills\"\r\n          src=\"https://i.postimg.cc/cJcyvRLG/Git-Hub-Mark-64px.png\"\r\n          alt=\"GitHub\"\r\n        />\r\n        <img\r\n          className=\"skills\"\r\n          src=\"https://cdn1.iconfinder.com/data/icons/logos-and-brands-3/512/205_Markdown_logo_logos-512.png\"\r\n          alt=\"Markdown\"\r\n        />\r\n      </div>\r\n      <h3 className=\"pb-4 \">Backend Technologies :</h3>\r\n      <div className=\"skilldiv\">\r\n        <img\r\n          className=\"skills\"\r\n          src=\"https://nodejs.org/static/images/logos/nodejs-new-pantone-black.svg\"\r\n          alt=\"Node.js\"\r\n        />\r\n        <img\r\n          className=\"skills\"\r\n          src=\"https://i.postimg.cc/28HZRV9t/136-1363736-express-js-icon-png-transparent-png-removebg-preview.png\"\r\n          alt=\"Express.js\"\r\n        />\r\n        <img\r\n          className=\"skills\"\r\n          src=\"https://img.icons8.com/color/452/mongodb.png\"\r\n          alt=\"MongoDB\"\r\n        />\r\n        <img\r\n          className=\"skills\"\r\n          src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/768px-Python-logo-notext.svg.png\"\r\n          alt=\"Python\"\r\n        />\r\n        <img\r\n          className=\"skills\"\r\n          src=\"https://i.ibb.co/mvrPtg1/62-626422-python-logo-clipart-drawing-flask-hd-png-download-removebg-preview.png\"\r\n          alt=\"Flask\"\r\n        />\r\n        <img\r\n          className=\"skills\"\r\n          src=\"https://i.ibb.co/Cv2v3vg/django-icon-0.png\"\r\n          alt=\"Django\"\r\n        />\r\n        <img\r\n          className=\"skills\"\r\n          src=\"https://www.postgresql.org/media/img/about/press/elephant.png\"\r\n          alt=\"PostgreSQL\"\r\n        />\r\n      </div>\r\n      <br />\r\n      <br />\r\n    </div>\r\n  );\r\n}\r\n","import React from \"react\";\r\n\r\nconst About = () => {\r\n  return (\r\n    <div className=\"mx-4 animate__animated animate__lightSpeedInLeft\">\r\n      <h2 className=\"my-4 pb-4 border-bottom border-primary border-2\">About</h2>\r\n      <p className=\"my-intro lh-lg\">\r\n        <img\r\n          className=\"rounded-circle about-img\"\r\n          src=\"https://i.postimg.cc/BbhCdy6n/circle-cropped-5.png\"\r\n          alt=\"Adhiraj Bhatia\"\r\n        ></img>\r\n        <br />\r\n        Hi ! I am Adhiraj Bhatia . I 'm a dedicated full stack web developer\r\n        from India . I am 11 years old . I live in Ahmedabad , Gujarat . I study\r\n        in DPS Bopal , Ahmedabad . I love to build websites and web apps . I am\r\n        a tech geek but with a difference ! I have an equal interest in music and\r\n        astronomy . When I am not coding , I can be found playing guitar or reading about Astronomy . Since the day I started learning coding , I have learned a\r\n        lot of new skills . The universe of my skills will be always expanding .\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default About;\r\n","import React, { useState, useEffect } from \"react\";\r\nexport default function Work() {\r\n  const [projects, setProjects] = useState([]);\r\n  useEffect(() => {\r\n    fetch(\"https://api.github.com/users/AdhirajBhatia/repos\")\r\n      .then((res) => res.json())\r\n      .then((data) => {\r\n        setProjects(data);\r\n        console.log(projects);\r\n      });\r\n  }, [projects]);\r\n  return (\r\n    <div className=\"animate__animated animate__lightSpeedInLeft work\">\r\n      <h2 className=\"my-4 pb-4 mx-4 border-bottom border-primary border-2\">\r\n        Work\r\n      </h2>\r\n      {projects.map((project) => (\r\n        <div className=\"card my-4 mx-4 d-inline-block\" style={{ width: \"21rem\" }}>\r\n          <div className=\"card-body\">\r\n            <h5 className=\"card-title\">{project.name.replaceAll(\"-\", \" \")}</h5>\r\n            <h6 className=\"card-subtitle mb-2 text-muted\">{project.description}</h6>\r\n            <a href={project.html_url}>\r\n              <button className=\"btn\">\r\n                <svg\r\n                  role=\"img\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  className=\"inline-block w-5 h-5 mr-2 align-text-top\"\r\n                >\r\n                  <path d=\"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"></path>\r\n                </svg>\r\n              </button>\r\n            </a>\r\n            <a href={project.homepage}>\r\n              <button className=\"btn\">\r\n                <img\r\n                  src=\"https://i.postimg.cc/cLPP1ksk/25284-removebg-preview.png\"\r\n                  className=\"i\"\r\n                  alt=\"opensite\"\r\n                />\r\n              </button>\r\n            </a>\r\n          </div>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n","import \"./App.scss\";\nimport Header from \"./Components/Header\";\nimport { Home } from \"./Components/Home\";\nimport Skills from \"./Components/Skills\";\nimport About from \"./Components/About\";\nimport Work from \"./Components/Work\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Router>\n        <Header />\n        <Switch>\n          <Route\n            exact\n            path=\"/\"\n            render={() => {\n              return (\n                <div>\n                  <Home />\n                </div>\n              );\n            }}\n          ></Route>\n          <Route\n            exact\n            path=\"/about\"\n            render={() => {\n              return <About />;\n            }}\n          ></Route>\n          <Route\n            exact\n            path=\"/work\"\n            render={() => {\n              return <Work />;\n            }}\n          ></Route>\n          <Route\n            exact\n            path=\"/skills\"\n            render={() => {\n              return <Skills />;\n            }}\n          ></Route>\n        </Switch>\n      </Router>\n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}