{"version":3,"sources":["component/Navbar.js","component/Loader.jsx","component/Card.jsx","component/ComicsCard.jsx","component/Comics.jsx","component/Carousel.jsx","component/Welcome.js","component/Footer.js","component/images/ironMan.jpg","component/About.js","App.js","index.js"],"names":["Navbar","className","to","Loader","Card","Img","name","Description","loader","style","backgroundImage","src","alt","ComicsCard","title","description","More_info","imageUrl","publishDate","stringDate","Date","toLocaleDateString","href","target","rel","Comics","charName","useState","data","setData","setLoader","useEffect","fetch","then","resp","json","results","map","item","urls","url","thumbnail","path","dates","date","id","Carousel","Welcome","setName","setCharName","setDescription","setImg","firstSearch","a","catch","toast","error","type","placeholder","value","onChange","e","onClick","preventDefault","Footer","year","getFullYear","width","height","viewBox","xmlns","fillRule","clipRule","d","color","fontSize","About","en","author","cardImage","App","exact","element","theme","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.d04e9666.chunk.js","sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\nconst Navbar = () => {\n  return (\n    <nav className=\"navbar mb-0 shadow shadow-lg bg-neutral text-neutral-content\">\n    <div className=\"container mx-auto\">\n      <div className=\"flex-none px-2 mx-2\">\n        {/* <FaGithub className=\"inline pr-2 text-3xl text-purple-700\" /> */}\n        <Link to=\"/\" className=\"text-lg font-bold align-middle text-primary\">\n          Marvel Hub\n        </Link>\n      </div>\n\n      <div className=\"flex-1 px-2 mx-2\">\n        <div className=\"flex justify-end\">\n          <Link to=\"/\" className=\" rounded-btn mx-2 text-primary\">\n            Home\n          </Link>\n          <Link to=\"/about\" className=\"text-primary rounded-btn mx-2\">\n            About\n          </Link>\n        </div>\n      </div>\n    </div>\n  </nav>\n  );\n};\n\nexport default Navbar;\n","import React from \"react\";\nfunction Loader() {\n  return (\n    <div className=\"border border-primary h-96 shadow rounded-md p-4 max-w-sm w-full mx-auto\">\n      <div className=\"animate-pulse  space-x-4\">\n        <div className=\"rounded bg-gray-700 h-56 w-full\"></div>\n        <div className=\"flex-1 space-y-6 py-10\">\n          <div className=\"h-2 bg-gray-700 rounded\"></div>\n          <div className=\"space-y-3\">\n            <div className=\"grid grid-cols-3 gap-4\">\n              <div className=\"h-2 bg-gray-700 rounded col-span-2\"></div>\n              <div className=\"h-2 bg-gray-700 rounded col-span-1\"></div>\n            </div>\n            <div className=\"h-2 bg-gray-700 rounded\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Loader;\n","import React from \"react\";\nimport Loader from \"./Loader\";\nfunction Card({ Img, name, Description ,loader }) {\n  if(loader){\n    return <Loader/>\n  }\n  return (\n    <div\n      className=\"flex items-center w-full px-4 py-10 bg-cover card bg-base-200\"\n      style={{\n        backgroundImage: `url('https://source.unsplash.com/daily?${name}')`,\n      }}\n    > \n      <div className=\"card glass lg:card-side text-neutral-content\">\n        <figure className=\"p-4\">\n          <img\n            src={`${Img}/portrait_uncanny.jpg`}\n            className=\"rounded-lg shadow-lg\"\n            alt={`${name}-Pic`}\n          />\n        </figure>\n        <div className=\"max-w-md card-body\">\n          <h2 className=\"card-title\">{name}</h2>\n          <p className=\"text-justify\">{Description || \"No Data Available\"}</p>\n          <div className=\"card-actions\">\n            {/* <button className=\"btn btn-primary btn glass rounded-full\">Get Started</button> */}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\nexport default Card;\n","import React from \"react\";\nimport Loader from \"./Loader\";\nfunction ComicsCard({ title, description, More_info, imageUrl, publishDate, loader }) {\n\n   const stringDate= new Date(publishDate).toLocaleDateString(); \n   if(loader){\n     return <Loader/>\n   }\n  return (\n\n    <div className=\"card glass text-neutral-content\">\n      <figure>\n        <img src={`${imageUrl}/portrait_uncanny.jpg`} alt={`${title}-Pic`} />\n      </figure>\n      <div className=\"card-body\">\n        <h2 className=\"card-title text-primary text-left\">{title}</h2>\n        <p className=\"text-justify\">{description || \"No Data Available\"}</p> <br />\n        <p className=\"text-left\">Published <span className=\"text-primary\">{stringDate}</span> </p>\n        <div className=\"justify-end card-actions\">\n          <a\n            className=\"btn btn-primary btn-sm glass\"\n            href={More_info}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            know more\n          </a>\n        \n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default ComicsCard;\n","import React, { useEffect, useState } from \"react\";\nimport ComicsCard from \"./ComicsCard\";\nfunction Comics({ charName , name}) {\n  const [data, setData] = useState([]);\n  const [loader, setLoader] = useState(true);\n  useEffect(() => {\n    setLoader(true)\n    fetch(\n      `https://gateway.marvel.com/v1/public/comics?ts=1&title=${charName}&apikey=a3938f63f5fed93b827255a83feeecd3&hash=7fe5fce16f2f9f493ac53936f10beff0`\n    )\n      .then((resp) => resp.json())\n      .then((resp) => (\n        <>{(\n          setLoader(false),\n          setData(resp.data.results)\n          )}</>\n      ));\n    }, [name]);\n\n  return (\n    <div className=\"lg:text-center\">\n      <h2 className=\"text-base text-indigo-600 font-semibold tracking-wide uppercase\">\n\n      </h2>\n      <p className=\"mt-5 text-3xl leading-8 font-extrabold tracking-tight text-primary sm:text-4xl text-center\">\n        Marvel Comics of {name}\n      </p>\n      <p className=\" max-w-4xl text-xl text-gray-400 lg:mx-auto text-justify px-4 py-5\">\n        Marvel Comics is the brand name and primary imprint of Marvel Worldwide\n        Inc., formerly Marvel Publishing, Inc. and Marvel Comics Group, a\n        publisher of American comic books and related media. In 2009, The Walt\n        Disney Company acquired Marvel Entertainment, Marvel Worldwide's parent\n        company.\n      </p>\n      <div className=\"container\">\n        <div className=\"grid grid-cols-1 gap-8 xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2  items-center mt-5 px-4 py-10\">\n          {data.map((item) => {\n            return (\n              <ComicsCard\n                key={item.id}\n                title={item.title}\n                description={item.description}\n                More_info={item.urls[0].url}\n                imageUrl= {item.thumbnail.path}\n                publishDate={item.dates[0].date}\n                loader={loader}\n                // data={data}\n              />\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Comics;\n","import React from \"react\";\n\nfunction Carousel({name, charName}) {\n  return (\n    <>\n      <div className=\"w-full carousel mb-6\">\n        <div id=\"item1\" className=\"w-full carousel-item\">\n          <img\n            src={`https://source.unsplash.com/1600x600/?${name},comics`}\n            className=\"w-full\"\n            alt=\"imagePic\"\n          />\n        </div>\n        <div id=\"item2\" className=\"w-full  carousel-item\">\n          <img\n            src={`https://source.unsplash.com/1600x600/?${name}`}\n            className=\"w-full\"\n            alt=\"imagePic\"\n          />\n        </div>\n        <div id=\"item3\" className=\"w-full  carousel-item\">\n          <img\n            src={`https://source.unsplash.com/1600x600/?${name},groot,comics`}\n            className=\"w-full\"\n            alt=\"imagePic\"\n          />\n        </div>\n        <div id=\"item4\" className=\"w-full  carousel-item\">\n          <img\n            src={`https://source.unsplash.com/1600x600/?${name},superhero`}\n            className=\"w-full\"\n            alt=\"imagePic\"\n          />\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport default Carousel;\n","import React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { FaSearchengin } from \"react-icons/fa\";\nimport Card from \"./Card\";\nimport Comics from \"./Comics\";\nimport Carousel from \"./Carousel\";\nimport { toast } from \"react-toastify\";\nconst Welcome = () => {\n  const [name, setName] = useState('');\n  const [loader, setLoader] = useState(true);\n  const [charName, setCharName] = useState(\"hulk\");\n  const [description, setDescription] = useState([]);\n  const [Img, setImg] = useState();\n  const onclickButton = (e) => {\n    e.preventDefault();\n    setLoader(true);\n    fetch(\n      `https://gateway.marvel.com/v1/public/characters?ts=1&name=${\n        charName \n      }&apikey=a3938f63f5fed93b827255a83feeecd3&hash=7fe5fce16f2f9f493ac53936f10beff0`\n    )\n      .then((resp) => resp.json())\n      .then((resp) => (\n        <>\n          {\n            (\n               setImg(resp.data.results[0].thumbnail.path),\n               setName(resp.data.results[0].name),\n               setDescription(resp.data.results[0].description),\n               setCharName(\"\"),\n               setLoader(false)\n            )\n          }\n        </>\n      )).catch(()=>{\n        // console.log(\"error\");\n        toast.error(\"Enter correct name\")\n        setCharName(\"hulk\");\n        firstSearch()\n      });\n  };\n  const firstSearch = async()=>{\n    setLoader(true)\n    fetch(\n      `https://gateway.marvel.com/v1/public/characters?ts=1&name=hulk&apikey=a3938f63f5fed93b827255a83feeecd3&hash=7fe5fce16f2f9f493ac53936f10beff0`\n    )\n      .then((resp) => resp.json())\n      .then((resp) => (\n        <>\n          {\n            (\n              setLoader(false),\n               setImg(resp.data.results[0].thumbnail.path),\n               setName(resp.data.results[0].name),\n               setDescription(resp.data.results[0].description)\n            )\n          }\n        </>\n      )).catch(()=>{\n        toast.error(\"Enter correct name\")\n      });\n  }\n  useEffect(() => {\n    firstSearch();\n  }, []);\n  return (\n    <> \n    <Carousel name={name}  charName={charName} />\n      <section className=\"search-bar\">\n        <div className=\"grid gird-cols-1 xl:grid-cols-2 lg:grid-cols-2 md:grid-cols-2 mb-8 gap-8\">\n          <div>\n            <form>\n              <div className=\"from-control\">\n                <div className=\"relative \">\n                  <input\n                    type=\"text\"\n                    className=\"w-full  pr-40 bg-gray-200 input text-black border-1 border-primary\"\n                    placeholder=\"Search marvel heros\"\n                    name=\"search\"\n                    value={charName}\n                    // onChange={(e) => setSearch(e.target.value)}\n                    onChange={(e)=> setCharName(e.target.value)}\n                  />\n                  <button\n                    className=\"absolute top-0 right-0 rounded-l-none w-36 btn border-1 border-primary text-primary\"\n                    onClick={onclickButton}\n                  >\n                   <FaSearchengin/>\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </section>\n      <div>\n        <div className=\"container\">\n          <Card Img={Img} name={name} Description={description} loader={loader}/>\n        </div>\n        <Comics charName={charName} name={name}/>\n      </div>\n    </>\n  );\n};\n\nexport default Welcome;\n","import React from \"react\";\nimport { FaGithub, FaTwitter, FaLinkedinIn } from \"react-icons/fa\";\nconst Footer = () => {\n  const year = new Date().getFullYear();\n  return (\n    <footer className=\"p-10 footer bg-primary-content bg-primary-focus footer-center\">\n      <div>\n        <svg\n          width=\"50\"\n          height=\"50\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          className=\"inline-block fill-current\"\n        >\n          <path d=\"M22.672 15.226l-2.432.811.841 2.515c.33 1.019-.209 2.127-1.23 2.456-1.15.325-2.148-.321-2.463-1.226l-.84-2.518-5.013 1.677.84 2.517c.391 1.203-.434 2.542-1.831 2.542-.88 0-1.601-.564-1.86-1.314l-.842-2.516-2.431.809c-1.135.328-2.145-.317-2.463-1.229-.329-1.018.211-2.127 1.231-2.456l2.432-.809-1.621-4.823-2.432.808c-1.355.384-2.558-.59-2.558-1.839 0-.817.509-1.582 1.327-1.846l2.433-.809-.842-2.515c-.33-1.02.211-2.129 1.232-2.458 1.02-.329 2.13.209 2.461 1.229l.842 2.515 5.011-1.677-.839-2.517c-.403-1.238.484-2.553 1.843-2.553.819 0 1.585.509 1.85 1.326l.841 2.517 2.431-.81c1.02-.33 2.131.211 2.461 1.229.332 1.018-.21 2.126-1.23 2.456l-2.433.809 1.622 4.823 2.433-.809c1.242-.401 2.557.484 2.557 1.838 0 .819-.51 1.583-1.328 1.847m-8.992-6.428l-5.01 1.675 1.619 4.828 5.011-1.674-1.62-4.829z\"></path>\n        </svg>\n        <p className=\"font-bold text-primary\">\n          Marvel Hub\n          <br />\n          Providing information about MCU\n        </p>\n        <p>\n          Copyright © {year} - All right reserved{\" \"}\n          <a\n            href=\"https://www.linkedin.com/in/krcpr007/\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"text-primary\"\n          >\n            @krcpr007\n          </a>{\" \"}\n        </p>\n      </div>\n      <div>\n        <div className=\"grid grid-flow-col gap-4\">\n          <a\n            href=\"https://github.com/krcpr007/MarvelHub\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            <FaGithub color=\"#F28C19\" fontSize={30} />\n          </a>\n          <a\n            href=\"https://twitter.com/cr7_rajan\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            <FaTwitter color=\"#F28C19\" fontSize={30} />\n          </a>\n          <a\n            href=\"https://www.linkedin.com/in/krcpr007/\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            <FaLinkedinIn color=\"#F28C19\" fontSize={30} />\n          </a>\n        </div>\n      </div>\n    </footer>\n  );\n};\n\nexport default Footer;\n","export default __webpack_public_path__ + \"static/media/ironMan.fa24e01e.jpg\";","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport cardImage from \"./images/ironMan.jpg\";\nimport { FaGithub } from \"react-icons/fa\";\nconst About = () => {\n  const [data, setData] = useState({});\n  useEffect(() => {\n    fetch(`https://programming-quotes-api.herokuapp.com/Quotes/random`)\n      .then((resp) => resp.json())\n      .then((resp) => <>{(setData(resp))}</>);\n  }, []);\n  return (\n    <div>\n      <main className=\"mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-25\">\n        <div className=\"sm:text-center lg:text-left\">\n          <h1 className=\"text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl xl:line-through\">\n            <span\n              className=\"block xl:inline inline\"\n              style={{ color: \"#F28C19\" }}\n            >\n              Welcome to{\" \"}\n            </span>\n            <span\n              className=\"block  xl:inline  inline\"\n              style={{ color: \"#F28C19\" }}\n            >\n              Marvel Hub\n            </span>\n          </h1>\n          <p className=\"mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0 text-justify\">\n            Hii... A very welcome to marvel hub it's just a simple marvel\n            cinematic universe website where you can read about all the MCU\n            superheroes, lots of comics of heroes and every detail of the hero\n            made by{\" \"}\n            <a\n              className=\"text-decoration-line: underline text-primary\"\n              href=\"https://www.linkedin.com/in/krcpr007/\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n            >\n              Rajan kumar\n            </a>{\" \"}\n            a simple 2nd-year college student of{\" \"}\n            <a\n              href=\"http://www.nitp.ac.in/php/home.php\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"hover:underline text-primary\"\n            >\n              Nit Patna (india)\n            </a>\n            .\n            <br />\n            <br />\n            This website was first of all made with bootstrap since bootstrap is\n            not that much classy so I moved on tailwindcss and daisyUI. The\n            JavaScript library used in the website which Reactjs is A JavaScript\n            library for building user interfaces along with it I used marvel API\n            for fetching every data. if you wanna contribute{\" \"}\n            <a\n              href=\"https://github.com/krcpr007/MarvelHub\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"hover:underline text-primary\"\n            >\n              here\n            </a>{\" \"}\n            is the repository link. happy code!!\n            <br />\n            <br />\n          </p>\n          <h1 className=\"text-xl text-primary\">Programing Quote</h1>\n          <p className=\"mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0 text-justify\">\n            {data.en}\n          </p>\n          <span className=\"footer text-primary\"> -- {data.author}</span>\n          <div className=\"mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start\">\n            <div className=\"rounded-md shadow\">\n              <Link\n                to=\"/\"\n                className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md  bg-primary hover:bg-indigo-200 md:py-3 md:text-lg md:px-10 btn btn-primary\"\n              >\n                Home\n              </Link>\n            </div>\n            <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n              <a\n                href=\"https://github.com/krcpr007/MarvelHub\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md  bg-primary hover:bg-indigo-200 md:py-3 md:text-lg md:px-10 btn btn-primary\"\n              >\n                <FaGithub fontSize={25} />\n              </a>\n            </div>\n          </div>\n        </div>\n      </main>\n      <div className=\"lg:absolute lg:inset-y-20 lg:right-20 mt-10 md:mt-0 px-4\">\n        {/* <img className=\"h-56 w-full object-cover sm:h-72 md:h-96 lg:w-full lg:h-full\" src=\"https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2850&q=80\" alt=\"\"/> */}\n        <div className=\"card drop-shadow-2xl card-bordered border border-primary w-72 my-12 \">\n          <figure>\n            <img src={cardImage} alt=\"cardImage\" />\n          </figure>\n          <div className=\"card-body\">\n            <h2 className=\"card-title\">\n              Iron Man\n              <div className=\"badge mx-2 badge-primary\">RIP</div>\n            </h2>\n            <p>\n              Wounded, captured and forced to build a weapon by his enemies,\n              billionaire industrialist Tony Stark instead created an advanced\n              suit of armor to save his life and escape captivity. Now with a\n              new outlook on life, Tony uses his money and intelligence to make\n              the world a safer, better place as Iron Man\n            </p>\n            {/* <div className=\"justify-end card-actions\">\n              <button className=\"btn btn-secondary\">More info</button>\n            </div> */}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default About;\n","import {\n  BrowserRouter as Router,\n  Routes,\n  Route,\n} from \"react-router-dom\";\nimport \"./App.css\";\nimport Navbar from \"./component/Navbar\";\nimport Welcome from \"./component/Welcome\";\nimport Footer from \"./component/Footer\";\nimport About from \"./component/About\";\nimport { ToastContainer} from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nfunction App() {\n  return (\n    <>\n      <Router>\n        <Navbar />\n         <Routes>\n          <Route exact path=\"/\" element={<Welcome />} />\n          <Route exact path=\"/about\" element={<About />} />\n         </Routes>\n       <Footer />\n       <ToastContainer theme=\"dark\" />\n      </Router>\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\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n"],"sourceRoot":""}