{"version":3,"sources":["profile.js","components/layouts/Particles.js","components/layouts/HeaderButton.js","components/section/Header.js","components/layouts/Skills.js","components/section/About.js","components/layouts/Project.js","components/section/Works.js","components/section/Contact.js","App.js","index.js"],"names":["animation","header","background","about","skillsBar","name","svg","faClass","projects","id","skills","url","miscellaneous","contact","social","github","facebook","instagram","linkedin","resume","ParticlesBackground","className","height","width","params","HeaderButton","href","Header","onClick","e","document","documentElement","classList","toggle","getElementById","x","getElementsByClassName","i","length","item","contains","localStorage","setItem","toggleDarkMode","type","Skills","label","style","display","textAlign","focusable","role","xmlns","viewBox","fill","d","About","map","Project","title","rel","target","skill","Works","Contact","action","method","placeholder","required","cursor","twitter","download","App","useEffect","AOS","init","duration","once","disable","Particles","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.c223aa93.chunk.js","sourcesContent":["// Change website animations\nconst animation = {\n  // make it false to switch off fade-up animation\n  animate: true,\n  // animation playing duration\n  duration: 750,\n  // if true, animation plays only once when element comes on screen\n  once: false,\n};\n// Change your display name on tha landing display\nconst header = {\n  name: \"Prakash Chandra\",\n};\nconst background = {\n  // Options: Snow or Particle\n  type: \"Snow\",\n};\n// Write a para about yourself here\n// To update your image, go to './styles/images.css'\nconst section2title = \"About Me\";\nconst about = {\n  paragraph: `I have always been a keen enthusiast of the tech domain. My motto in life is \"Keep Learning and Growing\"\n  I bring this mantra to my approach to work too. As an aspiring web developer, I am excited about learning from and adding value to the organization that I would be associated with. I am good at problem-solving and logical reasoning. I am passionate about building user-centric products by translating user requirements into technical solutions.\n`,\n};\n// Edit your skill and the percentage you know about it\n// To Add a skill, copy any one below and paste it after the last comma\nconst skillsBar = [\n  {\n    name: \"HTML5\",\n    // To add a custom svg instead of font-awesome icons, add svg path below otherwise just comment it out\n    svg: \"M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z\",\n    faClass: \"fab fa-html5\",\n  },\n  {\n    name: \"CSS3\",\n    // svg: '',\n    faClass: \"fab fa-css3\",\n  },\n  {\n    name: \"Javascript\",\n    // svg: '',\n    faClass: \"fab fa-js\",\n  },\n  {\n    name: \"React\",\n    // svg: '',\n    faClass: \"fab fa-react\",\n  },\n  {\n    name: \"Redux\",\n    // svg: '',\n    faClass: \"fab fa-react-redux\",\n  },\n  {\n    name: \"Node\",\n    // svg: '',\n    faClass: \"fab fa-node\",\n  },\n\n  {\n    name: \"GIT\",\n    // svg: '',\n    faClass: \"fab fa-github\",\n  },\n  {\n    name: \"Express\",\n    // svg: '',\n    faClass: \"fas fa-express\",\n  },\n  {\n    name: \"MongoDb\",\n    // svg: '',\n    faClass: \"fab fa-mongodb\",\n  },\n  {\n    name: \"DS & Algo\",\n    // svg: '',\n    faClass: \"fab fa-ds\",\n  },\n  \n  \n];\n// Edit your projects, its name, your skills used to make it, and the url.\n// You can omit freely anything if you dont have it\n// To Add a Project, copy any one below and paste it after the last comma and increment the id's project number\nconst section3Title = \"Past Projects\";\nconst projects = [\n  {\n    // Add image in './styles/images.css' in #project1\n    id: \"project1\",\n    name: \"Clone Of NextDayFlyers\",\n    skills: [\"HTML, CSS, JS\"],\n    url: \"https://loving-mcclintock-546c64.netlify.app/\",\n  },\n  {\n    // Add image in './styles/images.css' in #project2\n    id: \"project2\",\n    name: \"Clone  Of      Flipkart\",\n    skills: [\"HTML, CSS, JS\"],\n    url: \"https://nifty-almeida-613d89.netlify.app/\",\n  },\n  {\n    // Add image in './styles/images.css' in #project3\n    id: \"project3\",\n    name: \"Nordstrom Clone\",\n    skills: [\"HTML, CSS, JS,MongoDB, Express\"],\n    url: \"https://github.com/kaustubhai\",\n  },\n  // {\n  //   // Add image in './styles/images.css' in #project4\n  //   id: \"Project 4\",\n  //   name: \"Mental Health App\",\n  //   skills: [\"React,Express,Node,MongoDB\"],\n  //   url: \"https://mental-health-client.vercel.app/welcome\",\n  // },\n  {\n    // Add image in './styles/images.css' in #project5\n    id: \"project5\",\n    name: \"Mental Health App\",\n    skills: [\"React, Express, Node, MongoDb\"],\n    url: \"https://mental-health-client.vercel.app/welcome\",\n  },\n  // {\n  //   // Add image in './styles/images.css' in #project6\n  //   id: \"project6\",\n  //   name: \"Project 6\",\n  //   skills: [\"HTML, CSS, JS\"],\n  //   url: \"https://github.com/kaustubhai\",\n  // },\n];\n// Edit your Miscellaneous Activities, its name and the url.\n// You can omit freely anything if you dont have it\n// To Add a Activity, copy any one below and paste it after the last comma and increment the id's Miscellaneous number\nconst section4Title = \"\";\nconst miscellaneous = [\n  // {\n  //   // Add image in './styles/images.css' in #misc1\n  //   id: \"misc1\",\n  //   name: \"Miscellaneous 1\",\n  //   url: \"https://github.com/kaustubhai\",\n  // },\n  // {\n  //   // Add image in './styles/images.css' in #misc2\n  //   id: \"misc2\",\n  //   name: \"Miscellaneous 2\",\n  //   url: \"https://github.com/kaustubhai\",\n  // },\n  // {\n  //   // Add image in './styles/images.css' in #misc3\n  //   id: \"misc3\",\n  //   name: \"Miscellaneous 3\",\n  //   url: \"https://github.com/kaustubhai\",\n  // },\n];\n// Contact form text, and Formspree link(to send a submit contact through their API as in contact.js)\n// To get your own jotform link, go to https://formspree.io/\n// If you hacve the link already, paste it in the contactUrl below\nconst section5Title = \"Get in Touch\";\nconst contact = {\n  pitch: \"Connect with me on my social handles\",\n  copyright: \"Prakash Chandra\",\n  contactUrl: \"https://formspree.io/f/xoqrayge\",\n};\n// Paste your respective social media links. You can omit any if you dont have it\n// Upload your resume in your drive, get the shaareable link and paste it in the resume section\nconst social = {\n  github: \"https://github.com/Prakashchandra041\",\n  facebook: \"https://www.facebook.com/prakash.chandra.370515\",\n  // twitter: \"https://twitter.com\",\n  instagram: \"https://www.instagram.com/prakash_chandra88/\",\n  linkedin: \"https://www.linkedin.com/in/prakash-chandra-7aab29129/\",\n  resume:\n    \"https://drive.google.com/file/d/1ybE5t-mz4Y5I68NdySBXsiExQrpX_9Au/view?usp=sharing\",\n};\n// Dont change anything here\nexport {\n  animation,\n  header,\n  background,\n  about,\n  skillsBar,\n  projects,\n  miscellaneous,\n  contact,\n  social,\n  section2title,\n  section3Title,\n  section4Title,\n  section5Title,\n};\n","import React from 'react'\nimport Particles from 'react-particles-js'\nimport { background } from '../../profile'\n\nconst ParticlesBackground = () => {\n    return (\n        <div className=\"particle\">\n            { background.type === 'Snow' && <Particles\n            height=\"100vh\"\n            width=\"100%\"\n                params={{\n                \"particles\": {\n                    \"number\": {\n                        \"value\": 75,\n                        \"density\": {\n                            \"enable\": false\n                        }\n                    },\n                    \"color\": {\n                        \"value\": \"#000000\"\n                    },\n                    \"size\": {\n                        \"value\": 10,\n                        \"random\": true\n                    },\n                    \"move\": {\n                        \"direction\": \"bottom\",\n                        \"out_mode\": \"out\"\n                    },\n                    \"line_linked\": {\n                        \"enable\": false\n                    }\n                },\n                \"interactivity\": {\n                    \"events\": {\n                        \"onclick\": {\n                            \"enable\": true,\n                            \"mode\": \"remove\"\n                        }\n                    },\n                    \"modes\": {\n                        \"remove\": {\n                            \"particles_nb\": 5\n                        }\n                    }\n                }\n            }} />}\n            { background.type === 'Particle' && <Particles\n            height= \"100vh\"\n            width= \"100vw\"\n            params={{\n            \"particles\": {\n                \"collisions\": {\n                    \"enable\": true\n                },\n                \"number\": {\n                    \"value\": 100,\n                    \"density\": {\n                        \"enable\": false\n                    }\n                },\n                \"color\": \"#000\",\n                \"size\": {\n                    \"value\": 5,\n                    \"random\": true,\n                    \"anim\": {\n                        \"speed\": 4,\n                        \"size_min\": 0.3\n                    }\n                },\n                \"line_linked\": {\n                    \"enable\": true,\n                    \"color\": \"#000\"\n                },\n                \"move\": {\n                    \"random\": true,\n                    \"speed\": 1,\n                    \"direction\": \"bottom\",\n                    \"out_mode\": \"out\"\n                }\n            },\n            \"interactivity\": {\n                \"events\": {\n                    \"onhover\": {\n                        \"enable\": true,\n                        \"mode\": \"bubble\"\n                    },\n                    \"onclick\": {\n                        \"enable\": true,\n                        \"mode\": \"push\"\n                    }\n                },\n                \"modes\": {\n                    \"bubble\": {\n                        \"distance\": 250,\n                        \"duration\": 2,\n                        \"size\": 6,\n                        \"opacity\": 0.4\n                    },\n                    \"push\": {\n                        \"particles_nb\": 5\n                    }\n                },\n                \"retina_detect\": true\n            }\n        }} />}\n        </div>\n    )\n}\n\nexport default ParticlesBackground\n","import React from 'react'\n\nconst HeaderButton = () => {\n\n    return (\n        <>\n            <div className=\"mx-auto\">\n                <a href=\"#about\"><button className=\"see\">Checkout Portfolio<i className=\"fas fa-eye\"></i></button></a>\n            </div>\n        </>\n    )\n}\n\nexport default HeaderButton\n","import React from 'react';\nimport HeaderButton from '../layouts/HeaderButton'\nimport { header } from '../../profile'\n\nconst Header = () => {\n\n    const scrollTo = () => {\n        window.scrollTo({\n            top: 100000,\n            left: 0,\n            behavior: \"smooth\"\n        })\n    }\n\n    const toggleDarkMode = (e) =>  {\n        document.documentElement.classList.toggle('dark-mode')\n        document.getElementById('not-dark').classList.toggle('inverse-dark')\n        document.getElementById('not-dark2').classList.toggle('inverse-dark')\n        var x = document.getElementsByClassName('img-pro')\n        for(let i = 0; i < x.length; i += 1) {\n            x.item(i).classList.toggle(\"inverse-dark\");\n        }\n        \n        if (document.documentElement.classList.contains('dark-mode'))\n          localStorage.setItem('mode', 'Dark')\n        else\n          localStorage.setItem('mode', 'Light')\n        }\n\n    return (\n        <div>\n            <div className=\"Header\">\n                <h1>{ `I'm ${header.name}` }</h1>\n            <p className=\"line-1 anim-typewriter\">and this is my portfolio... </p>\n            <label className=\"switch\">\n                <input id=\"mode-switch\" onClick={e => toggleDarkMode(e)} type=\"checkbox\"/>\n                <span className=\"slider round\"></span>\n            </label>\n            <HeaderButton/>\n            </div>\n            {/* <img id=\"not-dark\" onClick={scrollTo} alt=\"Contact Me\" title=\"Contact Me\" className=\"gtp\" src=\"profile.png\"></img> */}\n        </div>\n    )\n    \n}\n\nexport default Header;","import React from 'react'\n\nconst Skills = ({ label, svg, faClass }) => {\n    return (\n        <div data-aos=\"fade-up\" className=\"skill__square col-3 col-sm-2 my-3 mx-auto\" style={{display: 'inline', textAlign: 'center'}}>\n            {svg ?  <svg  aria-hidden=\"true\" focusable=\"false\" data-icon={label} role=\"i\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path fill=\"currentcolor\" d={svg} /></svg> : <i className={`${faClass} mx-auto my-auto`}></i>}\n            <h6 className=\"mt-2\">{label}</h6>\n        </div>\n    )\n}\n\nexport default Skills\n","import React from 'react'\nimport Skills from '../layouts/Skills'\nimport { about, skillsBar, section2title } from '../../profile'\n\nconst About = () => {\n    return (\n        <div id=\"about\" className=\"effect2\">\n            <div data-aos=\"zoom-in-up\" data-aos-once=\"true\" className=\"row\">\n            <div className=\"col-12 d-none d-md-block offset-md-1 col-md-4 Photo\" id=\"not-dark2\"></div>\n            \n            <div className=\"col-12 offset-md-1 col-md-6 about\">\n                <div className=\"About-title-box\">\n                <h1 id=\"About\" className=\"red-line\">{section2title}</h1>\n                </div>\n                <p className=\"lead about-text\">\n                    {about.paragraph}  \n                </p>\n            </div>\n            </div>\n            <div id=\"Skills\"> \n                <div className=\"row d-flex justify-content-center skills\">\n                    {skillsBar.map((x) => \n                        <Skills key={x.name} faClass={x.faClass} svg={x.svg} label={x.name}/>\n                    )}̀\n                </div> \n            </div>\n        </div>\n    )\n}\n\nexport default About\n","import React from 'react'\n\nconst Project = ({id, name, url, skills}) => {\n    return (\n        <div data-aos=\"fade-up\" className=\" col-12 col-lg-4 project-card\">\n            <div className=\"image-project\">\n                <div className={`img-pro ${id}`}></div>\n            </div>\n            <a title={url} className=\"project-name\" rel=\"noopener noreferrer\" target=\"_blank\" href={url}><h2>{name}</h2></a>\n            { skills && <h3>{skills.map(skill => skill)}</h3> }\n        </div>\n    )\n}\n\nexport default Project\n","import React from 'react'\nimport Project from '../layouts/Project'\nimport { projects, miscellaneous, section3Title, section4Title } from '../../profile'\n\nconst Works = () => {\n    return (\n        <>\n            <div data-aos=\"zoom-in-up\" data-aos-once=\"true\" className=\"third\">\n                <>\n                    <div className=\"pp-head-line mx-auto text-center\">\n                        <h1 id=\"Projects\" className=\"red-line pp-head\">{section3Title}</h1>\n                    </div>\n                </>\n                <div className=\"row\">\n                {projects && projects.map((x) => \n                <Project key={x.id} id={x.id} url={x.url} name={x.name} skills={x.skills}/>\n                )}\n                </div>\n            </div>\n\n            <div className=\"third\">\n                <>\n                    <div className=\"pp-head-line mx-auto text-center\">\n                        <h1 id=\"Projects\" className=\"red-line pp-head\">{section4Title}</h1>\n                    </div>\n                </>\n                <div className=\"row\">\n                    {miscellaneous && miscellaneous.map((x) => \n                    <Project key={x.id} id={x.id} url={x.url} name={x.name} />\n                    )}\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default Works\n","import React from 'react'\nimport { contact, section5Title, social } from '../../profile'\n\nconst Contact = () => {\n    \n    return (\n        <div className=\"parallax\">\n                <div data-aos=\"zoom-in-up\" data-aos-once=\"true\" className=\"git-form\">\n                    <>\n                <div className=\"git-head-div text-center mx-auto\">\n                        <h1 id=\"Contact\" className=\"git-head\">{section5Title}</h1>\n                </div>\n                </>\n                <div className=\"container\">\n            <div className=\"git-cont row\">\n                <div className=\"col-12 col-sm-6 half\">\n                    <form action={contact.contactUrl ? contact.contactUrl : \"https://formspree.io\"} method={contact.contactUrl ? \"POST\" : \"GET\"}>\n                        <input type=\"text\" id=\"fname\" name=\"firstname\" placeholder=\"Your name\" required></input>\n                        <input type=\"mail\" id=\"mailid\" name=\"Email\" placeholder=\"Email Address\" required></input>\n                        <input type=\"text\" id=\"sub\" name=\"Subject\" placeholder=\"Subject\" required></input>\n                        <textarea id=\"msg\" name=\"message\" placeholder=\"Message\" required></textarea>\n                        <button style={{cursor: 'pointer'}} type=\"submit\">Send Message</button>\n                    </form>\n                </div>\n                <div className=\"col-12 col-sm-6 half\">\n                    <p className=\"lead\">\n                        {contact.pitch}        \n                    </p>\n                <div className=\"d-flex justify-content-center align-items-center flex-column\">\n                <div className=\"inline-block\">\n                    {social.linkedin && <a title=\"Visit Linkedin profile\" rel=\"noopener noreferrer\" target=\"_blank\"  href={social.linkedin}><i className=\"fab fa-linkedin\"></i></a>}\n                    {social.facebook && <a title=\"Visit Facebok profile\" rel=\"noopener noreferrer\" target=\"_blank\" href={social.facebook}><i className=\"fab fa-facebook\"></i></a>}\n                    {social.twitter && <a title=\"Visit Twitter profile\" rel=\"noopener noreferrer\" target=\"_blank\" href={social.twitter}><i className=\"fab fa-twitter\"></i></a>}\n                    {social.instagram && <a title=\"Visit Instagram profile\" rel=\"noopener noreferrer\" target=\"_blank\" href={social.instagram}><i className=\"fab fa-instagram\"></i></a>}\n                    {social.github && <a title=\"Visit Github profile\" rel=\"noopener noreferrer\" target=\"_blank\" href={social.github}><i className=\"fab fa-github\"></i></a>}<br/>\n                </div>\n                    {social.resume && <a title=\"Download Resume\" href={social.resume} download><i className=\"fas fa-download\"></i></a>}\n                </div>\n                </div>\n            </div>\n            </div>\n        </div>\n            <p id=\"not-dark\" className=\"Copy\">2021 © Copyright <strong>{contact.copyright}</strong>. All Rights Reserved</p>\n        </div>\n    )\n    \n}\n\nexport default Contact\n","import React, { useEffect } from \"react\";\nimport Particles from \"./components/layouts/Particles\";\nimport Header from \"./components/section/Header\";\nimport About from \"./components/section/About\";\nimport Works from \"./components/section/Works\";\nimport Contact from \"./components/section/Contact\";\nimport AOS from \"aos\";\nimport \"aos/dist/aos.css\";\nimport { animation } from \"./profile\";\n\nfunction App() {\n  useEffect(() => {\n    AOS.init({\n      duration: animation.duration,\n      once: animation.once,\n      disable: !animation.animate,\n    });\n    // eslint-disable-next-line\n  }, []);\n\n  return (\n    <div className=\"App\">\n      <Header />\n      <Particles />\n      <About />\n      <Works />\n      <Contact />\n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport './styles/style.css'\nimport './styles/images.css'\nimport './styles/no-touch.min.css'\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}