{"version":3,"sources":["components/Navbar.tsx","components/MainCard.tsx","components/Main.tsx","components/Footer.tsx","components/Apod.jsx","components/About.tsx","components/Mars.tsx","App.js","index.js"],"names":["Navbar","className","to","type","data-bs-toggle","data-bs-target","aria-controls","aria-expanded","aria-label","id","title","aria-current","href","role","aria-labelledby","MainCard","props","style","width","src","imgUrl","alt","cardText","link","btnText","Main","Footer","Apod","useState","data","setData","useEffect","fetch","then","res","json","resp","hdurl","date","target","rel","textAlign","explanation","copyright","About","data-bs-ride","textDecoration","Mars","photos","img_src","App","path","element","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.4a41ad10.chunk.js","sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\nfunction Navbar() {\n  return (\n    <nav className=\"navbar navbar-expand-lg navbar-dark bg-dark\">\n      <div className=\"container-fluid\">\n        <Link className=\"navbar-brand\" to=\"/\">\n          NASA\n        </Link>\n        <button\n          className=\"navbar-toggler \"\n          type=\"button\"\n          data-bs-toggle=\"collapse\"\n          data-bs-target=\"#navbarSupportedContent\"\n          aria-controls=\"navbarSupportedContent\"\n          aria-expanded=\"false\"\n          aria-label=\"Toggle navigation\"\n        >\n          <span className=\"navbar-toggler-icon\"></span>\n        </button>\n        <div className=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n          <ul className=\"navbar-nav me-auto mb-2 mb-lg-0\">\n            <li className=\"nav-item\">\n              <Link className=\"nav-link active\" title=\"ASTRONOMY PICTURE OF THE DAY\" aria-current=\"page\" to=\"/apod\">\n                APOD\n              </Link>\n            </li>\n            <li className=\"nav-item\">\n              <a className=\"nav-link\" href=\"/about\">\n                About\n              </a>\n            </li>\n            <li className=\"nav-item dropdown\">\n              <a\n                className=\"nav-link dropdown-toggle\"\n                href=\"/\"\n                id=\"navbarDropdown\"\n                role=\"button\"\n                data-bs-toggle=\"dropdown\"\n                aria-expanded=\"false\"\n              >\n                Dropdown\n              </a>\n              <ul className=\"dropdown-menu\" aria-labelledby=\"navbarDropdown\">\n                <li>\n                  <Link className=\"dropdown-item\" to=\"/mars\">\n                    Mars pictures\n                  </Link>\n                </li>\n                <li>\n                  <a className=\"dropdown-item\" href=\"/\">\n                    Another action\n                  </a>\n                </li>\n                <li>\n                  <hr className=\"dropdown-divider\" />\n                </li>\n                <li>\n                  <a className=\"dropdown-item\" href=\"/\">\n                    Something else here\n                  </a>\n                </li>\n              </ul>\n            </li>\n            <li className=\"nav-item\">\n              <a href=\"/\" className=\"nav-link disabled\">\n                Disabled\n              </a>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </nav>\n  );\n}\n\nexport default Navbar;\n","import React from \"react\";\nimport {Link} from 'react-router-dom'\ninterface cardDetails {\n  imgUrl:string;\n  title: string;\n  cardText: string;\n  link:string; \n  btnText:string;\n}\nfunction MainCard(props:cardDetails) {\n  return (\n    <div className=\"card mx-4 my-3\" style={{ width: \"15rem\" }}>\n      <img\n        src={props.imgUrl}\n        className=\"card-img-top\"\n        alt=\"...\"\n      />\n      <div className=\"card-body\">\n        <h5 className=\"card-title\">{props.title}</h5>\n        <p className=\"card-text\">\n         {props.cardText}\n        </p>\n        <Link to={props.link} className=\"btn btn-primary\">\n          {props.btnText}\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nexport default MainCard;\n","import React from \"react\";\nimport MainCard from \"./MainCard\";\nfunction Main() {\n  return (\n    <div className=\"container-lg \">\n      <div className=\"row\">\n        <div className=\"col \">\n          <MainCard imgUrl=\"https://source.unsplash.com/1600x900/daily?astronomy,earth\"\n            link=\"/apod\"\n            title=\"ASTRONOMY PICTURE OF THE DAY\"\n            cardText=\" Here you can see Astronomy Picture of the Day (APOD).\n          Its means the picture taken by nasa of our universe by today\" btnText=\"See pictures\"\n          />\n        </div>\n        <div className=\"col \"><MainCard imgUrl=\"https://source.unsplash.com/1600x900/daily?mars\" link=\"/mars\"\n            title=\"SEE THE PICTURES OF MARS\"\n            cardText=\" Here you can see pictures of mars planet taken by nasa \" btnText=\"See pictures\" /></div>\n        <div className=\"col \">\n          {/* <MainCard /> */}\n        </div>\n        <div className=\"col \"><MainCard imgUrl=\"https://source.unsplash.com/1600x900/daily?nasa\" link=\"/about\"\n            title=\"ABOUT NASA PICTURES \"\n            cardText=\"Know more about this website. How its made , who made it, which api is used for making the react-web-app\" btnText=\"Know more\" /></div>\n      </div>\n    </div>\n  );\n}\n\nexport default Main;\n","import React from 'react'\n\nfunction Footer() {\n    return (\n          \n         <footer  className='footer bg-dark mt-2 text-white text-center'>\n             <h1>Nasa Application</h1>\n         </footer>\n    )\n}\n\nexport default Footer\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nfunction Apod() {\n  const [data, setData] = useState([]);\n  useEffect(() => {\n    fetch(\n      `https://api.nasa.gov/planetary/apod?api_key=YDOaObbxjGIed4g5Zk9YdRLvBDPzUnGNjBW3lV7N`\n    )\n      .then((res) => res.json())\n      .then((resp) => setData(resp));\n  }, []);\n  return (\n    <div className=\"container-lg\">\n        <h1 className=\"text-center\">ASTRONOMY PICTURE OF THE DAY</h1>\n      <div className=\"card\" style={{}}>\n        <img\n          src={data.hdurl}\n          className=\"card-img-top\"\n          alt=\"ASTRONOMY OF THE DAY\"\n        />\n        <div className=\"card-body\">\n          <h2>{data.title}</h2> \n          <footer className=\"blockquote-footer mt-1 text-right\">{data.date}</footer>\n          <a className=\"btn btn-sm btn-dark m-2\" href={data.hdurl} target=\"_blank\" rel=\"noreferrer\">Download</a>\n          <h4>Explanation</h4>\n          <p style={{textAlign:\"justify\"}} className=\"card-text\">{data.explanation}</p>\n          <footer className=\"blockquote-footer\"> {data.copyright}</footer>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Apod;\n","import React from \"react\";\n\nfunction About() {\n  return (\n    <div\n      id=\"carouselExampleFade\"\n      className=\"carousel slide carousel-fade\"\n      data-bs-ride=\"carousel\"\n    >\n      <div className=\"carousel-inner\">\n        <div className=\"carousel-item active\">\n          <img src=\"astronomy2.jpg\" className=\"d-block w-100\" alt=\"...\" />\n        </div>\n        <div className=\"carousel-item\">\n          <img src=\"astronomy3.jpg\" className=\"d-block w-100\" alt=\"...\" />\n        </div>\n        <div className=\"carousel-item\">\n          <img src=\"astronomy1.jpg\" className=\"d-block w-100\" alt=\"...\" />\n        </div>\n      </div>\n\n      <div className=\"container\">\n          <h2 className=\"text-center m-2 p-1 \">Nasa pictures</h2>\n        <hr />\n        <ul>\n            <li>\n                <p style={{ textAlign: \"justify\" }}>\n                Welcome to nasa application!! Here we are using\n                <a className=\"text-primary\" style={{textDecoration:\"none\"}} href=\"https://api.nasa.gov/\"> Nasa </a> api to fetch the data. Here\n                you can see the pic of the day means what picture is nasa taken today.\n                As well as You can see the picture of mars planet.\n                </p>\n            </li>\n            <li>\n                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Expedita, dignissimos sed eos molestiae placeat obcaecati qui ipsam itaque voluptatum cumque magnam quam ab quisquam commodi exercitationem culpa quibusdam perspiciatis cupiditate!</p>\n            </li>\n        </ul>\n      </div>\n    </div>\n  );\n}\n\nexport default About;\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nfunction Mars() {\n  const [data, setData] = useState(\"\");\n  useEffect(() => {\n    fetch(\n      `https://api.nasa.gov/mars-photos/api/v1/rovers/curiosity/photos?sol=1000&api_key=YDOaObbxjGIed4g5Zk9YdRLvBDPzUnGNjBW3lV7N`\n    )\n      .then((res) => res.json())\n      .then((resp) => setData(resp.photos[0].img_src));\n  }, []);\n  return (\n    <div className=\"container-lg bg-dark text-white\">\n      <h2>PICTURES OF MARS </h2>\n      <div className=\"card bg-dark\" style={{ width: \"18rem\" }}>\n        <img src={data} className=\"card-img-top img-fluid\" alt=\"...\" />\n        <div className=\"card-body \">\n          <h5 className=\"card-title\">title</h5>\n          <p className=\"card-text\">\n            Some quick example text to build on the card title and make up the\n            bulk of the card's content.\n          </p>\n          <a href=\"/\" className=\"btn btn-primary\">\n            Go somewhere\n          </a>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Mars;\n","import \"./App.css\";\nimport { Routes, Route } from \"react-router-dom\";\nimport Navbar from \"./components/Navbar\";\nimport Main from \"./components/Main\";\nimport Footer from \"./components/Footer\";\nimport Apod from \"./components/Apod\";\nimport About from \"./components/About\";\nimport Mars from \"./components/Mars\";\nfunction App() {\n  return (\n    <>\n      <Navbar />\n      <Routes>\n        <Route path=\"/\" element={<Main />} />\n        <Route path=\"/apod\" element={<Apod />} />\n        <Route path=\"/about\" element={<About />} />\n        <Route path=\"/mars\" element={<Mars/>}/>\n      </Routes>\n      <Footer />\n    </>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nimport { BrowserRouter } from \"react-router-dom\";\nReactDOM.render(\n  <BrowserRouter>\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>\n  </BrowserRouter>\n  ,\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\n\n"],"sourceRoot":""}