{"version":3,"sources":["Assets/Medium.svg","Assets/Twitter.svg","Assets/Github.svg","Components/Content.js","Components/FAQ.js","Assets/Sprint.svg","Assets/Plan.svg","Assets/Track.svg","Assets/1-JTBD.svg","Assets/2-UXUI.svg","Assets/3-Framework.svg","Assets/4-Metrics.svg","Components/Features.js","Assets/Logo.png","Components/Footer.js","Components/Subscribe.js","Components/Header.js","Assets/Jobs.svg","Assets/Dev.svg","Assets/Star.svg","Components/Intro.js","Components/Navbar.js","Components/Pricing.js","Assets/FF.svg","Assets/An.svg","Components/Why.js","App.js","reportWebVitals.js","index.js"],"names":["Content","className","href","target","src","Medium","alt","Twitter","Github","FAQ","Features","id","Sprint","Plan","Track","Jobs","UXUI","Framework","Metrics","Footer","Logo","Subscribe","useState","email","setEmail","name","setName","isSent","setIsSent","onSubmit","e","preventDefault","convertkit","fetch","method","headers","body","JSON","stringify","then","console","log","placeholder","type","required","value","onChange","Header","Intro","Job","Dev","Star","Navbar","Pricing","Why","isMore","setIsMore","FF","An","onClick","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.c3fabd61.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/Medium.613fe0e5.svg\";","export default __webpack_public_path__ + \"static/media/Twitter.2e8043c9.svg\";","export default __webpack_public_path__ + \"static/media/Github.146e30eb.svg\";","import React from 'react'\nimport Medium from '../Assets/Medium.svg'\nimport Twitter from '../Assets/Twitter.svg'\nimport Github from '../Assets/Github.svg'\n\nexport default function Content() {\n    return (\n        <div className='margin-top-5 margin-btm-5 padding-top-btm-3 text-align-center display-flex-column' >\n            <h3>If you want to follow along...</h3>\n            <div className='width-40 align-self-center light-black margin-btm-2'>\n                I write & tweet about our journey + product lessons\n            </div>\n            <div>\n                <a href='https://p-zero.fufei.io/' target='_/'><img src={Medium} alt='Medium' className='image-30 '/></a>\n                <a href='https://twitter.com/SymbolOfFlight' target='_/'><img src={Twitter} alt='Twitter' className='image-30 margin-left-1 margin-right-1'/></a>\n                <a href='https://github.com/lethanhan97' target='_/'><img src={Github} alt='Github' className='image-30'/></a>\n            </div>\n        </div>\n    )\n}\n","import React from 'react'\n\nexport default function FAQ() {\n    return (\n        <div className='margin-top-5 margin-btm-5 display-flex-column  padding-left-right-3'>\n            <h3 className='text-align-center'>FAQ</h3>\n            <div className='display-flex-row width-40 align-self-center'>\n                <div>\n                    <div className='margin-top-2'>\n                        <h6 className='margin-right-2'><b>What is avopos?</b></h6>\n                        <div>\n                            Avopos is a tool that helps you build products in three ways; <br/>\n                            (a) Keep a repository of Job Stories, User Personas & Product Metrics <br/>\n                            (b) Link these to design, dev & research tasks so you don't lose context <br/>\n                            (c) Simple to learn feature prioritization framework built in\n                        </div>\n                    </div>\n                    <div className='margin-top-2'>\n                        <h6 className='margin-right-2'><b>Who is avopos for?</b></h6>\n                        <div>\n                            Avopos is ideal for early stage founders and product teams of smaller startups. <br/>\n                            Once you have more than 10 dedicated product managers, it won't add much value.\n                        </div>\n                    </div>\n                    <div className='margin-top-2'>\n                        <h6 className='margin-right-2 '><b>When do I have to pay?</b></h6>\n                        <div>If you are a beta user, you only have to pay after the beta is over.</div>\n                    </div>\n                    <div className='margin-top-2'>\n                        <h6 className='margin-right-2'><b>Who do I go to for support?</b></h6>\n                        <div>You can DM me on <a href='https://twitter.com/SymbolOfFlight' className='underline light-black'>Twitter</a></div>\n                    </div>\n                    <div className='margin-top-2'>\n                        <h6 className='margin-right-2'><b>Can my data be exported?</b></h6>\n                        <div>Yes of course! It belongs to you after all!</div>\n                    </div>\n                    <div className='margin-top-2'>\n                        <h6 className='margin-right-2'><b>What does avopos mean?</b></h6>\n                        <div>\n                            It stands for \"a very opinionated piece of software\". <br/>\n                            We don't put the burden of figuring out best practices on you. We figure it out and pass it along to you.\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n","export default __webpack_public_path__ + \"static/media/Sprint.1dc5a818.svg\";","export default __webpack_public_path__ + \"static/media/Plan.fbb896cb.svg\";","export default __webpack_public_path__ + \"static/media/Track.5766a64d.svg\";","export default __webpack_public_path__ + \"static/media/1-JTBD.b9d37fe7.svg\";","export default __webpack_public_path__ + \"static/media/2-UXUI.35ad6d92.svg\";","export default __webpack_public_path__ + \"static/media/3-Framework.80fd2ff7.svg\";","export default __webpack_public_path__ + \"static/media/4-Metrics.54edfe40.svg\";","import React from 'react'\nimport Sprint from '../Assets/Sprint.svg'\nimport Plan from '../Assets/Plan.svg'\nimport Track from '../Assets/Track.svg'\nimport Jobs from '../Assets/1-JTBD.svg'\nimport UXUI from '../Assets/2-UXUI.svg'\nimport Framework from '../Assets/3-Framework.svg'\nimport Metrics from '../Assets/4-Metrics.svg'\n\nexport default function Features() {\n    return (\n        <div className='text-align-center display-flex-column' id='features'>\n        <h2>Features</h2>\n        <div className=\"patrick-hand\">What you already expect</div>\n        <div className='align-self-center width-80 text-align-left display-flex-row margin-btm-2 display-flex-column-mobile align-items-center'>\n            <div className='card display-flex-row width-30'>\n                <img src={Sprint} alt='Sprint' className='image-30'/>\n                <div className='margin-left-1'>\n                    <h5><b>Sprints</b></h5>\n                    <div className='light-black'>Plan sprints & distribute work across team</div>\n                </div>\n            </div>\n            <div className='card display-flex-row width-30 mobile-top-btm-margin'>\n                <img src={Plan} alt='Plan' className='image-30'/>\n                <div className='margin-left-1'>\n                    <h5><b>Keep context in dev work</b></h5>\n                    <div className='light-black'>Create stories and slot them into relevant sprints</div>\n                </div>\n            </div>\n            <div className='card display-flex-row width-30'>\n                <img src={Track} alt='Track' className='image-30'/>\n                <div className='margin-left-1'>\n                    <h5><b>Best practices built-in</b></h5>\n                    <div className='light-black'>Prioritize and manage work with complete visibility</div>\n                </div>\n            </div>\n        </div>\n        <div className=\"patrick-hand margin-top-5 \"><span className=\"highlight-container\"><span className=\"highlight\">What's new</span></span></div>\n        <div className='width-80 align-self-center '>\n            <div className='text-align-left align-self-center margin-btm-5'>\n                <div className='display-flex-row display-flex-column-mobile align-items-center'>\n                    <div className='width-50 align-self-center'>\n                        <div className='feature-text-large'>Start from your user’s JTBD</div>\n                        <div className='light-black'>\n                            <br/>\n                            Job’s theory has been the most significant framework we have to think about product development since agile. <br/><br/>\n                            We incorporated it into avopos so you that you don’t have to spend time learning it and can focus on attention on what you do best - delighting users. </div>\n                    </div>\n                    <img className='feature-img margin-right-2' src={Jobs} alt=\"Jobs to be done\" />\n                </div>\n            </div>\n            <div className='text-align-left align-self-center margin-btm-5'>\n                <div className='display-flex-row display-flex-column-mobile align-items-center'>\n                    <img className='feature-img margin-left-2' src={UXUI} alt=\"UX & UI\" />\n                    <div className='width-50 align-self-center'>\n                        <div className='feature-text-large'>Incorporate UX & UI work into Sprints</div>\n                        <div className='light-black'>\n                            <br/>\n                            UX research & UI design tasks should get reflected in sprints. <br/><br/>\n                            We know that design isn’t always as clear cut as engineering.<br/><br/>\n                            A different workflow needs to be present to cater for concept explorations. So, we made sure that their tasks catered for that.\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className='text-align-left align-self-center margin-btm-5'>\n                <div className='display-flex-row display-flex-column-mobile align-items-center'>\n                    <div className='width-50 align-self-center'>\n                        <div className='feature-text-large'>One prioritization framework</div>\n                        <div className='light-black'>\n                            <br/>\n                            There are <b>too many</b> prioritization frameworks (RICE, MOSCOW, 2x2 Effort vs Value, KANO).<br/><br/>\n                            We don’t expect you to learn all of them.<br/> \n                            We keep it simple.<br/><br/>\n                            We took the best practices from each framework and incorporated it into avopos.<br/>\n                            (<a href='https://p-zero.fufei.io/measuring-ranking-user-value-for-prioritization-739b7591c86b' className='underline light-black'>Read more</a>)  \n                        </div>\n                    </div>\n                    <img className='feature-img margin-right-2' src={Framework} alt=\"Priority Frameworks\" />\n                </div>\n            </div>\n            <div className='text-align-left align-self-center margin-btm-5'>\n                <div className='display-flex-row display-flex-column-mobile align-items-center'>\n                    <img className='feature-img margin-left-2' src={Metrics} alt=\"Metrics & Personas\" />\n                    <div className='width-50 align-self-center'>\n                        <div className='feature-text-large'>Keep context of  metrics & personas</div>\n                        <div className='light-black'>\n                            <br/>\n                            As you scale, we know it gets hard to keep context of why you are working on certain development tasks. <br/><br/>\n                            We make it simple.<br/><br/>\n                            Link relevant product metrics & user personas to your design, development & research tasks so that you never lose that context.\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className='margin-top-5 margin-btm-5 text-align-center display-flex-column  '>\n                <div className='feature-text-large'>More surprises coming</div>\n                <div className='width-40 align-self-center light-black margin-btm-2'>\n                    <br/>\n                    We aren’t done innovating yet. <br/>\n                    We will keep working to ensure that you have the best tool set to build the best possible product for your users ❤️\n                </div>\n            </div>\n        </div>\n        \n        \n        \n        </div>\n    )\n}\n","export default \"data:image/png;base64,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\"","import React from 'react'\nimport Logo from '../Assets/Logo.png'\n\nexport default function Footer() {\n    return (\n        <div className='padding-top-btm-3 display-flex-row margin-top-5 grey-bg display-flex-column-mobile '>\n            <div className='margin-btm-2 align-self-center text-align-center'>\n            <img className='logo' src={Logo} alt='avopos logo'/>\n            <div>Build something your users want.</div>\n            <br/>\n            </div>\n            \n        </div>\n    )\n}\n","import React from 'react'\nimport {useState} from 'react'\n\nconst Subscribe = () => {\n    const [email, setEmail] = useState('');\n    const [name, setName] = useState('');\n    const [isSent, setIsSent] = useState(false);\n    const handleSubmit = (e) => {\n        e.preventDefault();\n        const convertkit = {\n           \"api_key\": 'SAe6AIfUY2GB0XT4KAQDNQ',\n           email,\n           \"first_name\": name\n        }\n        fetch('https://api.convertkit.com/v3/forms/2297620/subscribe', {\n            method:'POST',\n            headers: {\"Content-Type\": \"application/json; charset=utf-8\"},\n            body: JSON.stringify(convertkit)\n        })\n        .then(()=> {\n            console.log('added'); \n            setIsSent(true);\n        })\n    }\n\n    return(\n        <div>\n            { !isSent ? \n                <div>\n                    <form onSubmit={handleSubmit}>\n                    <input \n                        placeholder='First Name'\n                        className='input-field'\n                        type='text' \n                        required \n                        value={name}\n                        onChange={(e)=>setName(e.target.value)}\n                    />\n                    <input \n                        placeholder='Email address'\n                        className='input-field'\n                        type='email' \n                        required \n                        value={email}\n                        onChange={(e)=>setEmail(e.target.value)}\n                    />\n                    <button className='black-button align-self-center'>Join waitlist</button>\n                    </form>\n                    <div className='subscribe-text'>Get early access | No credit card required | Try the beta for free</div>\n                </div>\n                :\n                <div>Awesome~ We are about 5 weeks from launch. Check your email to confirm 😁</div>\n            }\n            \n        </div>\n    );\n}\n\nexport default Subscribe","import React from 'react'\nimport Subscribe from './Subscribe';\n\n\nexport default function Header() {\n    return (\n        <div id='home' className='margin-top-5 margin-btm-10 text-align-center display-flex-column  '>\n            <h1 className='align-self-center width-40' >\n            Product Management tool that helps you <br/>\n            <span className=\"highlight-container\"><span className=\"highlight\"><b>build better products</b></span></span> ❤️\n            </h1>\n            <h4 className='width-40 align-self-center light-black margin-btm-2'>\n                You don't have to be a product pro <br/>We help streamline user research, job stories, design tasks, dev work & bug tracking\n            </h4>\n            <Subscribe/>\n        </div>\n    )\n}\n","export default __webpack_public_path__ + \"static/media/Jobs.4fb1c7bd.svg\";","export default __webpack_public_path__ + \"static/media/Dev.6c03554d.svg\";","export default __webpack_public_path__ + \"static/media/Star.a191003e.svg\";","import React from 'react'\nimport Job from '../Assets/Jobs.svg'\nimport Dev from '../Assets/Dev.svg'\nimport Star from '../Assets/Star.svg'\n\n\nexport default function Intro() {\n    return (\n        <div className='margin-top-5 margin-btm-5 padding-top-btm-3 text-align-center display-flex-column grey-bg' id='intro'>\n            <hr className='black-line'/>\n            <h3 className='margin-btm-2'>\n                We give product teams <br/>\n                <span className=''><del>pretty roadmaps </del> </span> <br/>\n                <span className=\"highlight-container\"><span className=\"highlight\">superpowers</span></span>\n            </h3>\n            <div className='align-self-center width-80 text-align-left display-flex-row margin-btm-2 display-flex-column-mobile'>\n                <div className='card display-flex-row'>\n                    <img src={Job} alt='job' className='image-30'/>\n                    <div className='margin-left-1'>\n                        <h5><b>Repository of Job Stories</b></h5>\n                        <div className='light-black'>We combined the best of user stories and Jobs-to-be-done theory to help you keep a repository of your insights.</div>\n                    </div>\n                </div>\n                <div className='card display-flex-row mobile-top-btm-margin'>\n                    <img src={Dev} alt='Development' className='image-30'/>\n                    <div className='margin-left-1'>\n                        <h5><b>Keep context in dev work</b></h5>\n                        <div className='light-black'>Link development tasks with product metrics and user personas so that you never lose context when shipping new features.</div>\n                    </div>\n                </div>\n                <div className='card display-flex-row'>\n                    <img src={Star} alt='Star' className='image-30'/>\n                    <div className='margin-left-1'>\n                        <h5><b>Best practices built-in</b></h5>\n                        <div className='light-black'>We don’t put the burden on you to figure out product mgmt tips & tricks. We built all that into the product.</div>\n                    </div>\n                </div>\n            </div>\n            <hr className='black-line'/>\n        </div>\n    )\n}\n","import React from 'react'\nimport Logo from '../Assets/Logo.png'\n\nexport default function Navbar() {\n    return (\n        <div className='display-flex-row justify-content-space-between nav'>\n            <img className='logo' src={Logo} alt='avopos logo'/>\n            <div className='display-flex-row nav-items'>\n                <a href='#features'><div className='margin-right-2 light-black'>Features</div></a>\n                <a href='#pricing'><div className='margin-right-2 light-black'>Pricing</div></a>\n                <a href='#why'><div className='margin-right-2 light-black'>Why we built this</div></a>\n            </div>\n        </div>\n    )\n}\n","import React from 'react'\n\nexport default function Pricing() {\n    return (\n        <div className='margin-top-5 margin-btm-5 display-flex-row' id='pricing'>\n            <div className='pricing-card align-self-center'>\n                <div className='display-flex-row justify-content-space-between display-flex-column-mobile'>\n                    <div className='text-align-left'>\n                        <hr className='grey-line'/>\n                        <h3>Pricing during <b>Beta</b></h3>\n                        <ul className='grey'>\n                            <li>founder support 🙂</li>\n                            <li>full feature set</li>\n                            <li>unlimited members</li>\n                            <li>unlimited viewers</li>\n                            <li>unlimited projects</li>\n                        </ul>\n                    </div>\n                    <div>\n                        <h1><b>$0</b> per month</h1>\n                        <div className=\"unique-text\">$15/mo after the beta</div>\n                        <a href='/#home'><button className='white-button'>Join waitlist</button></a>\n                    </div>\n                </div>\n\n            </div>\n\n      </div>\n    )\n}\n","export default __webpack_public_path__ + \"static/media/FF.767974bf.svg\";","export default __webpack_public_path__ + \"static/media/An.1e07a350.svg\";","import React from 'react'\nimport {useState} from 'react'\nimport FF from '../Assets/FF.svg'\nimport An from '../Assets/An.svg'\n\nconst Why = () => {\n    const [isMore, setIsMore] = useState(false);\n    const handleClick = () => {\n        setIsMore(!isMore);\n        console.log(isMore); \n    }\n\n    return (\n        <div id='why' className='margin-top-5 margin-btm-5 display-flex-column text-align-center grey-bg padding-top-btm-3'>\n            <div className='card width-60 align-self-center'>\n                <h3 className='margin-btm-2'><b>Why we built this</b></h3>\n                <div className='display-flex-row margin-btm-2 display-flex-column-mobile align-items-center'>\n                    <div className='display-flex-row margin-btm-1'>\n                        <img className='profile-img margin-left-2' src={FF} alt=\"Fu Fei\" />\n                        <div className='text-align-left margin-left-1 align-self-center'>\n                            <div><b>Fu Fei</b></div>\n                            <div>Student of Product & <br/>Growth</div>\n                        </div>\n                    </div>\n                    <div className='display-flex-row margin-btm-1'>\n                        <img className='profile-img margin-left-2' src={An} alt=\"An\" />\n                        <div className='text-align-left margin-left-1 align-self-center'>\n                            <div><b>Le Thanh An</b></div>\n                            <div>Dancing + Coding man <br/>[Funky Coder :D]</div>\n                        </div>\n                    </div>\n\n                </div>\n\n                 \n                <div className='text-align-left margin-left-2 margin-right-2 padding-left-right-3 padding-btm-5'>\n                    {isMore ?\n                    <div>\n                    Letter from Fu Fei...\n                    <br/><br/>\n                    <h6>Who am I</h6>\n                    I'm a full-time product manager who loves building, tinkering with, and thinking about products. I browse ProductHunt and Indie Hackers almost every night. (Some of you are like me.)\n                    <br/><br/>\n                    Lately, I've been going meta and thinking about \"products for products\". \n                    <br/><br/>\n                    I've been pretty unsatisfied with the current tooling in the market. \n                    <ul>\n                    <li> Why is it that Trello *feels* so messy?</li>\n                    <li> Why are there so many features in Jira that I never use?</li>\n                    <li> Why are PM tool built for extreme flexibility rather than simplicity?</li>\n                    <li> Why is the focus on \"issue or bug\" tracking rather than \"user value\"?</li>\n                    <li> Why solve easy problems like \"beautiful roadmaps\" but skip over hard problems like validation?</li>\n                    </ul>\n                    \n                    I think it's because the *craft* of product has evolved over the years and the tools are stuck in a different architecture.\n                    <br/><br/>\n                    The old architecture of tools focused on \"Are you shipping product the right way?\". \n                    <br/><br/>\n                    The hard questions are actually \"Am I shipping the right product?\".\n                    <br/><br/><br/>\n                    <h6>Why do I care about this question?</h6>\n                    My life's goal is to look back at the products that I've helped build and say \"Wow, look at that\"\n                    <br/><br/>\n                    This started out as a thought experiment: \n                    <br/><br/>\n                    <blockquote>Could you build a product that can <b>help others</b> build a better product?</blockquote>\n                    <br/><br/><br/>\n                    <h6>Recruiting a Co-founder</h6>\n                    An is one of the most passionate technologist I know. \n                    <br/><br/>\n                    We decided the best way to tackle this question was to build a product/ company to try to answer it.\n                    <br/><br/><br/> \n                    </div>\n                    :\n                    <div></div>\n                    }\n                    <h6>What is avopos?</h6>\n                    It's our attempt to design and build a solution to the question:\n                    <br/><br/>\n                    <blockquote>Could you build a product that can <b>help others</b> build a better product?</blockquote>\n                    <br/><br/>\n                    We want to take what has been working in the old paradigm of product management and merge it with best practices that we know today.\n                    <br/><br/>\n                    Here are 5 of our principles:\n                    <br/><br/>\n                    <b>(a) Scrum & Agile are here to stay- with some tweaks</b>\n                    <br/>\n                    The iterative 2-week sprint approach to building software has really raised the overall productivity levels of product teams. \n                    BUT we will be experimenting with some minor tweaks here so stay tuned~\n                    <br/><br/>\n                    <b>(b) Understanding the Jobs theory is crucial</b>\n                    <br/>\n                    I think the Jobs-to-be-done framework for customer development and innovation has been the most influential framework in the last two decades.\n                    <br/>\n                    We will be incorporating some of the concepts into our product.\n                    <br/><br/>\n                    <b>(c) Start from Stories not Data</b>\n                    <br/>\n                    If you start with data, you will start imagining random theories of why the graphs went up and down- don't imagine theories, it's a trap.\n                    <br/>\n                    Data should only be used to confirm or deny stories that you've heard from a customer or to gauge it's overall impact. \n                    <br/><br/>\n                    <b>(d) UX Design & Research teams should have their own lane</b>\n                    <br/>\n                    Unlike development work or basic UI mockups, UX design and research projects don't always have a clear scope of work. This makes estimation of work much harder because it doesn't always fit in nicely with the development sprint, but you should cater for it somehow\n                    <br/><br/>\n                    <b>(e) Flexible tool ≠ Good tool</b>\n                    <br/>\n                    Flexibility puts the burden on users to figure the best set-up. We want to take on that burden. (avopos = a. very. opinionated. piece. of. software.)\n                    <br/><br/><br/>\n                    If you have read till this point...\n                    <br/>\n                    Thank you.\n                    <br/><br/><br/>\n\n                    Life is so rich ~\n                    <br/>\n                    -- Fu Fei \n                    <br/><br/>\n                    <button onClick={handleClick} className='read-trigger align-self-right'>\n                        {isMore ? <span>Read less </span>: <span><a href='#why' className='light-black'>Read more</a> </span>}\n                    </button>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default Why","import './App.css';\nimport Content from './Components/Content';\nimport FAQ from './Components/FAQ';\nimport Features from './Components/Features';\nimport Footer from './Components/Footer';\nimport Header from './Components/Header'\nimport Intro from './Components/Intro';\nimport Navbar from './Components/Navbar';\nimport Pricing from './Components/Pricing';\nimport Why from './Components/Why';\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Navbar/>\n      <Header/>\n      <Intro/>\n      <Features/>\n      <Pricing/>\n      <FAQ/>\n      <Why/>\n      <Content/>\n      <Footer/>\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 './index.css';\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":""}