{"version":3,"sources":["components/NavMenu.js","components/Layout.js","components/Home.js","components/FetchData.js","components/Counter.js","components/Header.js","components/Footer.js","components/Hero.js","components/About.js","components/Facts.js","components/Skills.js","components/Resume.js","components/Portfolio.js","components/Services.js","components/Contact.js","components/Main.js","App.js","serviceWorkerRegistration.js","reportWebVitals.js","index.js"],"names":["NavMenu","props","toggleNavbar","bind","state","collapsed","this","setState","Navbar","className","light","Container","NavbarBrand","tag","Link","to","NavbarToggler","onClick","Collapse","isOpen","navbar","NavItem","NavLink","Component","displayName","name","Layout","children","Home","href","FetchData","forecasts","loading","populateWeatherData","contents","renderForecastsTable","id","a","fetch","response","json","data","map","forecast","date","temperatureC","temperatureF","summary","Counter","currentCount","incrementCounter","Header","document","querySelectorAll","forEach","item","addEventListener","event","body","querySelector","classList","contains","remove","navbarToggle","undefined","toggle","ele","add","navbarlinks","navbarlinksActive","position","window","scrollY","navbarlink","hash","section","offsetTop","offsetHeight","e","Footer","target","style","color","textDecoration","Hero","strings","loop","typeSpeed","backSpeed","backDelay","About","class","src","alt","Facts","useEffect","PureCounter","selector","start","end","duration","delay","once","pulse","decimals","legacy","filesizing","currency","formater","separator","Skills","ProgressBar","now","label","animated","Resume","Portfolio","Services","width","height","viewBox","xmlns","stroke","fill","d","Contact","useState","mobile","email","message","addMsgValues","setAddMsgValues","handleAddMsgValueChange","prop","value","sending","setSending","errorMsg","setErrorMsg","successMsg","setSuccessMsg","validationMsg","setValidationMsg","role","type","placeholder","onChange","required","rows","disabled","trim","axios","post","then","status","catch","error","console","log","Main","App","Boolean","location","hostname","match","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","baseUrl","getElementsByTagName","getAttribute","rootElement","getElementById","ReactDOM","render","basename","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.d176250a.chunk.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { Collapse, Container, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink } from 'reactstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport './NavMenu.css';\r\n\r\nexport class NavMenu extends Component {\r\n  static displayName = NavMenu.name;\r\n\r\n  constructor (props) {\r\n    super(props);\r\n\r\n    this.toggleNavbar = this.toggleNavbar.bind(this);\r\n    this.state = {\r\n      collapsed: true\r\n    };\r\n  }\r\n\r\n  toggleNavbar () {\r\n    this.setState({\r\n      collapsed: !this.state.collapsed\r\n    });\r\n  }\r\n\r\n  render () {\r\n    return (\r\n      <header>\r\n        <Navbar className=\"navbar-expand-sm navbar-toggleable-sm ng-white border-bottom box-shadow mb-3\" light>\r\n          <Container>\r\n            <NavbarBrand tag={Link} to=\"/\">SagarProfile</NavbarBrand>\r\n            <NavbarToggler onClick={this.toggleNavbar} className=\"mr-2\" />\r\n            <Collapse className=\"d-sm-inline-flex flex-sm-row-reverse\" isOpen={!this.state.collapsed} navbar>\r\n              <ul className=\"navbar-nav flex-grow\">\r\n                <NavItem>\r\n                  <NavLink tag={Link} className=\"text-dark\" to=\"/\">Home</NavLink>\r\n                </NavItem>\r\n                <NavItem>\r\n                  <NavLink tag={Link} className=\"text-dark\" to=\"/counter\">Counter</NavLink>\r\n                </NavItem>\r\n                <NavItem>\r\n                  <NavLink tag={Link} className=\"text-dark\" to=\"/fetch-data\">Fetch data</NavLink>\r\n                </NavItem>\r\n              </ul>\r\n            </Collapse>\r\n          </Container>\r\n        </Navbar>\r\n      </header>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Container } from 'reactstrap';\r\nimport { NavMenu } from './NavMenu';\r\n\r\nexport class Layout extends Component {\r\n  static displayName = Layout.name;\r\n\r\n  render () {\r\n    return (\r\n      <div>\r\n        <NavMenu />\r\n        <Container>\r\n          {this.props.children}\r\n        </Container>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nexport class Home extends Component {\r\n  static displayName = Home.name;\r\n\r\n  render () {\r\n    return (\r\n      <div>\r\n        <h1>Hello, world!</h1>\r\n        <p>Welcome to your new single-page application, built with:</p>\r\n        <ul>\r\n          <li><a href='https://get.asp.net/'>ASP.NET Core</a> and <a href='https://msdn.microsoft.com/en-us/library/67ef8sbd.aspx'>C#</a> for cross-platform server-side code</li>\r\n          <li><a href='https://facebook.github.io/react/'>React</a> for client-side code</li>\r\n          <li><a href='http://getbootstrap.com/'>Bootstrap</a> for layout and styling</li>\r\n        </ul>\r\n        <p>To help you get started, we have also set up:</p>\r\n        <ul>\r\n          <li><strong>Client-side navigation</strong>. For example, click <em>Counter</em> then <em>Back</em> to return here.</li>\r\n          <li><strong>Development server integration</strong>. In development mode, the development server from <code>create-react-app</code> runs in the background automatically, so your client-side resources are dynamically built on demand and the page refreshes when you modify any file.</li>\r\n          <li><strong>Efficient production builds</strong>. In production mode, development-time features are disabled, and your <code>dotnet publish</code> configuration produces minified, efficiently bundled JavaScript files.</li>\r\n        </ul>\r\n        <p>The <code>ClientApp</code> subdirectory is a standard React application based on the <code>create-react-app</code> template. If you open a command prompt in that directory, you can run <code>npm</code> commands such as <code>npm test</code> or <code>npm install</code>.</p>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nexport class FetchData extends Component {\r\n  static displayName = FetchData.name;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = { forecasts: [], loading: true };\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.populateWeatherData();\r\n  }\r\n\r\n  static renderForecastsTable(forecasts) {\r\n    return (\r\n      <table className='table table-striped' aria-labelledby=\"tabelLabel\">\r\n        <thead>\r\n          <tr>\r\n            <th>Date</th>\r\n            <th>Temp. (C)</th>\r\n            <th>Temp. (F)</th>\r\n            <th>Summary</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {forecasts.map(forecast =>\r\n            <tr key={forecast.date}>\r\n              <td>{forecast.date}</td>\r\n              <td>{forecast.temperatureC}</td>\r\n              <td>{forecast.temperatureF}</td>\r\n              <td>{forecast.summary}</td>\r\n            </tr>\r\n          )}\r\n        </tbody>\r\n      </table>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    let contents = this.state.loading\r\n      ? <p><em>Loading...</em></p>\r\n      : FetchData.renderForecastsTable(this.state.forecasts);\r\n\r\n    return (\r\n      <div>\r\n        <h1 id=\"tabelLabel\" >Weather forecast</h1>\r\n        <p>This component demonstrates fetching data from the server.</p>\r\n        {contents}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  async populateWeatherData() {\r\n    const response = await fetch('weatherforecast');\r\n    const data = await response.json();\r\n    this.setState({ forecasts: data, loading: false });\r\n  }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nexport class Counter extends Component {\r\n  static displayName = Counter.name;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = { currentCount: 0 };\r\n    this.incrementCounter = this.incrementCounter.bind(this);\r\n  }\r\n\r\n  incrementCounter() {\r\n    this.setState({\r\n      currentCount: this.state.currentCount + 1\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <h1>Counter</h1>\r\n\r\n        <p>This is a simple example of a React component.</p>\r\n\r\n        <p aria-live=\"polite\">Current count: <strong>{this.state.currentCount}</strong></p>\r\n\r\n        <button className=\"btn btn-primary\" onClick={this.incrementCounter}>Increment</button>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","\r\n\r\nconst Header = () => {\r\n\r\n    const handleMobileClick = (e) => {\r\n        document.querySelector('body').classList.toggle('mobile-nav-active');\r\n        let navbarToggle = document.querySelectorAll('.mobile-nav-toggle');\r\n        if (navbarToggle != undefined) {\r\n            navbarToggle[0].classList.toggle('bi-list')\r\n            navbarToggle[0].classList.toggle('bi-x')\r\n        }\r\n    }\r\n\r\n    document.querySelectorAll('.scrollto').forEach(item => {\r\n        item.addEventListener('click', event => {\r\n\r\n            let body = document.querySelector('body');\r\n            if (body.classList.contains('mobile-nav-active')) {\r\n                body.classList.remove('mobile-nav-active')\r\n                let navbarToggle = document.querySelectorAll('.mobile-nav-toggle');\r\n                if (navbarToggle != undefined) {\r\n                    navbarToggle[0].classList.toggle('bi-list')\r\n                    navbarToggle[0].classList.toggle('bi-x')\r\n                }\r\n\r\n            }\r\n\r\n            document.querySelectorAll('.scrollto').forEach(ele => {\r\n                ele.classList.remove('active');\r\n            })\r\n\r\n            item.classList.add('active');\r\n\r\n        })\r\n    });\r\n\r\n    let navbarlinks = [...document.querySelectorAll('#navbar .scrollto')];\r\n\r\n    const navbarlinksActive = () => {\r\n        let position = window.scrollY + 200\r\n        navbarlinks.forEach(navbarlink => {\r\n            if (!navbarlink.hash) return\r\n            let section = document.querySelector(navbarlink.hash)\r\n            if (!section) return\r\n            if (position >= section.offsetTop && position <= (section.offsetTop + section.offsetHeight)) {\r\n                navbarlink.classList.add('active');\r\n            } else {\r\n                navbarlink.classList.remove('active');\r\n            }\r\n        })\r\n    }\r\n    window.addEventListener('load', navbarlinksActive);\r\n    document.addEventListener('scroll', navbarlinksActive);\r\n\r\n    return (\r\n        <>\r\n            <i className=\"bi bi-list mobile-nav-toggle d-xl-none\" onClick={handleMobileClick}></i>\r\n\r\n            <header id=\"header\" className=\"d-flex flex-column justify-content-center\">\r\n\r\n                <nav id=\"navbar\" className=\"navbar nav-menu\">\r\n                    <ul>\r\n                        <li><a href=\"#hero\" className=\"nav-link scrollto active\"><i className=\"bx bx-home\"></i> <span>Home</span></a></li>\r\n                        <li><a href=\"#about\" className=\"nav-link scrollto\"><i className=\"bx bx-user\"></i> <span>About</span></a></li>\r\n                        <li><a href=\"#resume\" className=\"nav-link scrollto\"><i className=\"bx bx-file-blank\"></i> <span>Resume</span></a></li>\r\n                        <li><a href=\"#portfolio\" className=\"nav-link scrollto\"><i className=\"bx bx-book-content\"></i> <span>Portfolio</span></a></li>\r\n                        <li><a href=\"#services\" className=\"nav-link scrollto\"><i className=\"bx bx-server\"></i> <span>Services</span></a></li>\r\n                        <li><a href=\"#contact\" className=\"nav-link scrollto\"><i className=\"bx bx-envelope\"></i> <span>Contact</span></a></li>\r\n                    </ul>\r\n                </nav>\r\n\r\n            </header>\r\n\r\n\r\n        </>\r\n    );\r\n}\r\n\r\nexport default Header;","const Footer = () => {\r\n    return (\r\n        <>\r\n            <footer id=\"footer\">\r\n                <div className=\"container\">\r\n                    <h3>Nalla Sagar Choudhury</h3>\r\n                    <p></p>\r\n                    <div className=\"social-links\">\r\n                        <a href=\"whatsapp://send?phone=+917008517377\" className=\"google-plus\" target=\"_blank\"><i className=\"bx bxl-whatsapp\"></i></a>\r\n                        <a href=\"https://www.linkedin.com/in/nalla-sagar-choudhury-62b5a2128/\" className=\"linkedin\" target=\"_blank\"><i className=\"bx bxl-linkedin\"></i></a>\r\n                        <a href=\"https://www.facebook.com/sagar.choudhury.355\" className=\"facebook\" target=\"_blank\"><i className=\"bx bxl-facebook\"></i></a>\r\n                        <a href=\"https://www.instagram.com/imnsagar/\" className=\"instagram\" target=\"_blank\"><i className=\"bx bxl-instagram\"></i></a>\r\n                    </div>\r\n                    <div className=\"copyright\">\r\n                        &copy; Copyright <strong><span>Nalla Sagar Choudhury</span></strong>. All Rights Reserved\r\n                    </div>\r\n                    <br />\r\n                    <div className=\"credits\">\r\n                        Designed with <i style={{ color: \"red\" }} className=\"bi bi-heart-fill\"></i> by <a href=\"#hero\" style={{ textDecoration: \"none\" }}>Sagar</a>\r\n                        \r\n                    </div>\r\n                </div>\r\n            </footer>\r\n        </>\r\n    );\r\n}\r\n\r\nexport default Footer;","\r\nimport * as React from 'react';\r\nimport * as Common from './../helpers/CommonMethods';\r\nimport Typed from 'react-typed';\r\n\r\nconst Hero = () => {\r\n\r\n    return (\r\n        <section id=\"hero\" className=\"d-flex flex-column justify-content-center\">\r\n            <div className=\"container\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                <h1>Nalla Sagar Choudhury</h1>\r\n                <p>I'm a &nbsp;\r\n                    <Typed\r\n                        strings={['Developer', 'Stock Trader', 'Freelancer', 'Photographer', 'Self Financing Coach']}\r\n                        loop={true}\r\n                        typeSpeed={100}\r\n                        backSpeed={50}\r\n                        backDelay={2000}\r\n                />\r\n                </p>\r\n                <div className=\"social-links\">\r\n                    <a href=\"whatsapp://send?phone=+917008517377\" className=\"google-plus\" target=\"_blank\"><i className=\"bx bxl-whatsapp\"></i></a>\r\n                    <a href=\"https://www.linkedin.com/in/nalla-sagar-choudhury-62b5a2128/\" className=\"linkedin\" target=\"_blank\"><i className=\"bx bxl-linkedin\"></i></a>\r\n                    <a href=\"https://www.facebook.com/sagar.choudhury.355\" className=\"facebook\" target=\"_blank\"><i className=\"bx bxl-facebook\"></i></a>\r\n                    <a href=\"https://www.instagram.com/imnsagar/\" className=\"instagram\" target=\"_blank\"><i className=\"bx bxl-instagram\"></i></a>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    );\r\n}\r\n\r\nexport default Hero;","const About = () => {\r\n    return (\r\n        <>\r\n            <section id=\"about\" class=\"about\">\r\n                <div class=\"container\" data-aos=\"fade-up\">\r\n\r\n                    <div class=\"section-title\">\r\n                        <h2>About</h2>\r\n                        <p></p>\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-lg-4\">\r\n                            <img src=\"assets/img/profile-img.jpg\" class=\"img-fluid\" alt=\"\" />\r\n                        </div>\r\n                        <div class=\"col-lg-8 pt-4 pt-lg-0 content\">\r\n                            <h3>Full Stack Developer</h3>\r\n                            <p class=\"fst-italic\">\r\n                                \r\n                            </p>\r\n                            <div class=\"row\">\r\n                                <div class=\"col-lg-6\">\r\n                                    <ul>                                      \r\n                                        <li><i class=\"bi bi-chevron-right\"></i> <strong>Website:</strong> <span><a href=\"https://nsagar.com\">https://nsagar.com</a></span></li>\r\n                                        <li><i class=\"bi bi-chevron-right\"></i> <strong>Phone:</strong> <span>+91 70085 17377</span></li>\r\n                                        <li><i class=\"bi bi-chevron-right\"></i> <strong>City:</strong> <span>Bengaluru, India</span></li>\r\n                                    </ul>\r\n                                </div>\r\n                                <div class=\"col-lg-6\">\r\n                                    <ul>                                       \r\n                                        <li><i class=\"bi bi-chevron-right\"></i> <strong>Degree:</strong> <span>B.Tech</span></li>\r\n                                        <li><i class=\"bi bi-chevron-right\"></i> <strong>Email:</strong> <span>connect@nsagar.com</span></li>\r\n                                        <li><i class=\"bi bi-chevron-right\"></i> <strong>Freelance:</strong> <span>Available</span></li>\r\n                                    </ul>\r\n                                </div>\r\n                            </div>\r\n                            <p>\r\n                              \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </section>\r\n        </>\r\n    );\r\n}\r\n\r\nexport default About;","import { useEffect } from 'react';\r\n\r\n\r\nimport PureCounter from \"@srexi/purecounterjs\";\r\nimport Aos from \"aos\";\r\n\r\n\r\n\r\n\r\n\r\nconst Facts = () => {\r\n\r\n    useEffect(() => {\r\n        const pure = new PureCounter({\r\n            selector: \".purecounter\", // HTML query selector for spesific element\r\n            // Settings that can be overridden on per-element basis, by `data-purecounter-*` attributes:\r\n            start: 0, // Starting number [uint]\r\n            end: 100, // End number [uint]\r\n            duration: 5, // The time in seconds for the animation to complete [seconds]\r\n            delay: 10, // The delay between each iteration (the default of 10 will produce 100 fps) [miliseconds]\r\n            once: true, // Counting at once or recount when the element in view [boolean]\r\n            pulse: false, // Repeat count for certain time [boolean:false|seconds]\r\n            decimals: 0, // How many decimal places to show. [uint]\r\n            legacy: true, // If this is true it will use the scroll event listener on browsers\r\n            filesizing: false, // This will enable/disable File Size format [boolean]\r\n            currency: false, // This will enable/disable Currency format. Use it for set the symbol too [boolean|char|string]\r\n            formater: \"us-US\", // Number toLocaleString locale/formater, by default is \"en-US\" [string|boolean:false]\r\n            separator: false, // This will enable/disable comma separator for thousands. Use\r\n        });\r\n    });\r\n\r\n    return (\r\n        <>\r\n            <section id=\"facts\" className=\"facts\">\r\n                <div className=\"container\" data-aos=\"fade-up\">\r\n\r\n                    <div className=\"section-title\">\r\n                        <h2>Facts</h2>\r\n                        {/*<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>*/}\r\n                    </div>\r\n\r\n                    <div className=\"row\">\r\n\r\n                        <div className=\"col-lg-3 col-md-6\">\r\n                            <div className=\"count-box\">\r\n                                <i className=\"bi bi-emoji-smile\"></i>\r\n                                <span data-purecounter-start=\"0\" data-purecounter-end=\"5\" data-purecounter-duration=\"1\" className=\"purecounter\"></span>\r\n                                <p>Happy Clients</p>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-lg-3 col-md-6 mt-5 mt-md-0\">\r\n                            <div className=\"count-box\">\r\n                                <i className=\"bi bi-journal-richtext\"></i>\r\n                                <span data-purecounter-start=\"0\" data-purecounter-end=\"2\" data-purecounter-duration=\"1\" className=\"purecounter\"></span>\r\n                                <p>Projects</p>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-lg-3 col-md-6 mt-5 mt-lg-0\">\r\n                            <div className=\"count-box\">\r\n                                <i className=\"bi bi-headset\"></i>\r\n                                <span data-purecounter-start=\"0\" data-purecounter-end=\"218\" data-purecounter-duration=\"1\" className=\"purecounter\"></span>\r\n                                <p>Hours Of Support</p>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-lg-3 col-md-6 mt-5 mt-lg-0\">\r\n                            <div className=\"count-box\">\r\n                                <i className=\"bi bi-award\"></i>\r\n                                <span data-purecounter-start=\"0\" data-purecounter-end=\"3\" data-purecounter-duration=\"1\" className=\"purecounter\"></span>\r\n                                <p>Awards</p>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n            </section>\r\n        </>\r\n    );\r\n}\r\nexport default Facts;","\r\nimport { ProgressBar, Button } from 'react-bootstrap';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\n\r\nconst Skills = () => {\r\n    return (\r\n        <>\r\n            <section id=\"skills\" className=\"skills section-bg\">\r\n                <div className=\"container\" data-aos=\"fade-up\">\r\n\r\n                    <div className=\"section-title\">\r\n                        <h2>Skills</h2>\r\n                        {/*<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>*/}\r\n                    </div>\r\n\r\n                    <div className=\"row skills-content\">\r\n\r\n                        <div className=\"col-lg-6\">\r\n\r\n                            \r\n                            <div className=\"progressBar progress\">\r\n                                <span className=\"skill\">.Net Core</span>\r\n                                <ProgressBar now={80} label={ '80%' } animated />\r\n                            </div>\r\n\r\n                            <div className=\"progressBar progress\">\r\n                                <span className=\"skill\">MS SQL</span>\r\n                                <ProgressBar now={90} label={'90%'} animated />\r\n                            </div>\r\n\r\n                            <div className=\"progressBar progress\">\r\n                                <span className=\"skill\">React</span>\r\n                                <ProgressBar now={80} label={'80%'} animated />\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div className=\"col-lg-6\">\r\n\r\n                            <div className=\"progressBar progress\">\r\n                                <span className=\"skill\">Angular</span>\r\n                                <ProgressBar now={85} label={'85%'} animated />\r\n                            </div>\r\n\r\n                            <div className=\"progressBar progress\">\r\n                                <span className=\"skill\">Azure</span>\r\n                                <ProgressBar now={70} label={'70%'} animated />\r\n                            </div>\r\n\r\n                            <div className=\"progressBar progress\">\r\n                                <span className=\"skill\">DevOps</span>\r\n                                <ProgressBar now={75} label={'75%'} animated />\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n            </section>\r\n        </>\r\n    );\r\n}\r\nexport default Skills;","const Resume = () => {\r\n    return (\r\n        <section id=\"resume\" className=\"resume\">\r\n            <div className=\"container\" data-aos=\"fade-up\">\r\n\r\n                <div className=\"section-title\">\r\n                    <h2>Resume</h2>\r\n                    <p>I want to work in a challenging and healthy environment so that I can extract best out of me to serve the Organization in its success path with a happy personal growth.   Along with that I want to grow my business in web development and self-financing to serve as many people as possible.</p>\r\n                </div>\r\n\r\n                <div className=\"row\">\r\n\r\n                    <div className=\"col-lg-6\">\r\n                        <h3 className=\"resume-title\">Sumary</h3>\r\n                        <div className=\"resume-item pb-0\">\r\n                            <h4>Nalla Sagar Choudhury</h4>\r\n                            <p><em>I am currently working at <b>Bajaj Finance Ltd</b>, Bengaluru as a <b>Lead Software Architect</b>. I have an experience of <b>8 years</b> in Software Development.</em></p>\r\n                            <ul>\r\n                                <li>#20, RMS Colony, Battarahalli, Bengaluru</li>\r\n                                <li>+91 7008517377</li>\r\n                                <li>connect@nsagar.com</li>\r\n                            </ul>\r\n                        </div>\r\n\r\n                        <h3 className=\"resume-title\">Professional Experience</h3>\r\n                        <div className=\"resume-item\">\r\n                            <h4>Lead Software Architect</h4>\r\n                            <h5>Present</h5>\r\n                            <p><em><b>Bajaj Finance Ltd, Bengaluru</b></em></p>\r\n                            <ul>\r\n                                <li>Lead in the planning, development, and implementation of the project, architecture and production deployment management.</li>\r\n                                <li>Delegate tasks to 16 members of the development team and provide counsel on all aspects of the project. </li>\r\n                                <li>Supervise the assessment of all project work in order to ensure quality and accuracy of the code.</li>\r\n                            </ul>\r\n                        </div>\r\n                        {/*<div className=\"resume-item\">*/}\r\n                        {/*    <h4>Consultant</h4>*/}\r\n                        {/*    <h5>2018 - 2020</h5>*/}\r\n                        {/*    <p><em><b>Mercedes Benz Research & Development India, Bengaluru</b></em></p>*/}\r\n                        {/*    <ul>*/}\r\n                        {/*        <li>Developed a complete project alone</li>*/}\r\n                        {/*        <li>Managed up to 3 projects or tasks at a given time while under pressure</li>*/}\r\n                        {/*        <li>Recommended and consulted with clients on the most appropriate solution development</li>*/}\r\n                        {/*    </ul>*/}\r\n                        {/*</div>*/}\r\n                        {/*<div className=\"resume-item\">*/}\r\n                        {/*    <h4>Software Engineer Product Development</h4>*/}\r\n                        {/*    <h5>2016 - 2018</h5>*/}\r\n                        {/*    <p><em><b>Harman Connected Services, Bengaluru</b></em></p>*/}\r\n                        {/*    <ul>*/}\r\n                        {/*        <li>Worked as a key developer of the team</li>*/}\r\n                        {/*        <li>Project management, support</li>*/}\r\n                        {/*    </ul>*/}\r\n                        {/*</div>*/}\r\n                        {/*<div className=\"resume-item\">*/}\r\n                        {/*    <h4>Software Engineer</h4>*/}\r\n                        {/*    <h5>2015 - 2016</h5>*/}\r\n                        {/*    <p><em><b>Infolink Technologies Pvt Ltd, Bengaluru</b></em></p>*/}\r\n                        {/*    <ul>*/}\r\n                        {/*        <li>Worked as a key developer and handling a project</li>*/}\r\n                        {/*        <li>Dealing with multiple clients to re-structure the application as per their requirement</li>*/}\r\n                        {/*    </ul>*/}\r\n                        {/*</div>*/}\r\n\r\n                    </div>\r\n                   \r\n                    <div className=\"col-lg-6\">\r\n                        <h3 className=\"resume-title\">Education</h3>\r\n                        <div className=\"resume-item\">\r\n                            <h4>Bachelor of Technology (BTech)</h4>\r\n                            <h5>2009 - 2013</h5>\r\n                            <p><em>GIIT, Brahmapur, Odisha</em></p>\r\n                            <p>I have completed my BTech from GIIT, Brahmapur affiliated to Biju Patnaik University of Technology, Rourkela, Odisha </p>\r\n                        </div>\r\n                        <div className=\"resume-item\">\r\n                            <h4>12<sup>th</sup> (Science)</h4>\r\n                            <h5>2007 - 2009</h5>\r\n                            <p><em>Vikram Dev Junior College, Jeypore, Odisha</em></p>\r\n                            <p></p>\r\n                        </div>\r\n                    </div>\r\n\r\n                  \r\n                </div>\r\n\r\n            </div>\r\n        </section>\r\n    );\r\n}\r\n\r\nexport default Resume;","const Portfolio = () => {\r\n    return (\r\n        <section id=\"portfolio\" className=\"portfolio section-bg\">\r\n            <div className=\"container\" data-aos=\"fade-up\">\r\n\r\n                <div className=\"section-title\">\r\n                    <h2>Portfolio</h2>\r\n                    <p>I have developed these applications. You can have a quick look-up.</p>\r\n                </div>\r\n\r\n                {/*<div className=\"row\">*/}\r\n                {/*    <div className=\"col-lg-12 d-flex justify-content-center\" data-aos=\"fade-up\" data-aos-delay=\"100\">*/}\r\n                {/*        <ul id=\"portfolio-flters\">*/}\r\n                {/*            <li data-filter=\"*\" className=\"filter-active\">All</li>*/}\r\n                {/*            <li data-filter=\".filter-app\">App</li>*/}\r\n                {/*            <li data-filter=\".filter-card\">Card</li>*/}\r\n                {/*            <li data-filter=\".filter-web\">Web</li>*/}\r\n                {/*        </ul>*/}\r\n                {/*    </div>*/}\r\n                {/*</div>*/}\r\n\r\n                <div className=\"row portfolio-container\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n\r\n                    <div className=\"col-lg-4 col-md-6 portfolio-item filter-app\">\r\n                        <div className=\"portfolio-wrap\">\r\n                            <img src=\"assets/img/portfolio/portfolio-1.jpg\" className=\"img-fluid\" alt=\"\" />\r\n                            <div className=\"portfolio-info\">\r\n                                <h4><a href=\"https://indanetrader.com\" target=\"_blank\">Indanetrader</a></h4>\r\n                                {/*<p>App</p>*/}\r\n                                {/*<div className=\"portfolio-links\">*/}\r\n                                {/*    <a href=\"assets/img/portfolio/portfolio-1.jpg\" data-gallery=\"portfolioGallery\" className=\"portfolio-lightbox\" title=\"IndaneTrader\"><i className=\"bx bx-plus\"></i></a>*/}\r\n                                {/*    <a href=\"portfolio-details.html\" className=\"portfolio-details-lightbox\" data-glightbox=\"type: external\" title=\"Portfolio Details\"><i className=\"bx bx-link\"></i></a>*/}\r\n                                {/*</div>*/}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-lg-4 col-md-6 portfolio-item filter-web\">\r\n                        <div className=\"portfolio-wrap\">\r\n                            <img src=\"assets/img/portfolio/portfolio-2.jpeg\" className=\"img-fluid\" alt=\"\" />\r\n                            <div className=\"portfolio-info\">\r\n                                <h4><a href=\"https://missionmilliontrees.in\" target=\"_blank\">Missionmilliontrees</a></h4>                               \r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    {/*<div className=\"col-lg-4 col-md-6 portfolio-item filter-web\">*/}\r\n                    {/*    <div className=\"portfolio-wrap\">*/}\r\n                    {/*        <img src=\"assets/img/portfolio/portfolio-2.jpg\" className=\"img-fluid\" alt=\"\" />*/}\r\n                    {/*        <div className=\"portfolio-info\">*/}\r\n                    {/*            <h4>Web 3</h4>*/}\r\n                    {/*            <p>Web</p>*/}\r\n                    {/*            <div className=\"portfolio-links\">*/}\r\n                    {/*                <a href=\"assets/img/portfolio/portfolio-2.jpg\" data-gallery=\"portfolioGallery\" className=\"portfolio-lightbox\" title=\"Web 3\"><i className=\"bx bx-plus\"></i></a>*/}\r\n                    {/*                <a href=\"portfolio-details.html\" className=\"portfolio-details-lightbox\" data-glightbox=\"type: external\" title=\"Portfolio Details\"><i className=\"bx bx-link\"></i></a>*/}\r\n                    {/*            </div>*/}\r\n                    {/*        </div>*/}\r\n                    {/*    </div>*/}\r\n                    {/*</div>*/}\r\n\r\n                  \r\n\r\n                </div>\r\n\r\n            </div>\r\n        </section>);\r\n}\r\n\r\nexport default Portfolio\r\n","const Services = () => {\r\n    return (\r\n        <section id=\"services\" className=\"services\">\r\n            <div className=\"container\" data-aos=\"fade-up\">\r\n\r\n                <div className=\"section-title\">\r\n                    <h2>Services</h2>\r\n                    {/*<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>*/}\r\n                </div>\r\n\r\n                <div className=\"row\">\r\n                    <div className=\"col-lg-4 col-md-6 d-flex align-items-stretch\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                        <div className=\"icon-box iconbox-blue\">\r\n                            <div className=\"icon\">\r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 600 600\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                    <path stroke=\"none\" stroke-width=\"0\" fill=\"#f5f5f5\" d=\"M300,521.0016835830174C376.1290562159157,517.8887921683347,466.0731472004068,529.7835943286574,510.70327084640275,468.03025145048787C554.3714126377745,407.6079735673963,508.03601936045806,328.9844924480964,491.2728898941984,256.3432110539036C474.5976632858925,184.082847569629,479.9380746630129,96.60480741107993,416.23090153303,58.64404602377083C348.86323505073057,18.502131276798302,261.93793281208167,40.57373210992963,193.5410806939664,78.93577620505333C130.42746243093433,114.334589627462,98.30271207620316,179.96522072025542,76.75703585869454,249.04625023123273C51.97151888228291,328.5150500222984,13.704378332031375,421.85034740162234,66.52175969318436,486.19268352777647C119.04800174914682,550.1803526380478,217.28368757567262,524.383925680826,300,521.0016835830174\"></path>\r\n                                </svg>\r\n                                <i className=\"bx bxl-dribbble\"></i>\r\n                            </div>\r\n                            <h4>Web Development</h4>\r\n                            <p>I provide web development solutions which helps your business to grow with online</p>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                        <div className=\"icon-box iconbox-orange \">\r\n                            <div className=\"icon\">\r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 600 600\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                    <path stroke=\"none\" stroke-width=\"0\" fill=\"#f5f5f5\" d=\"M300,582.0697525312426C382.5290701553225,586.8405444964366,449.9789794690241,525.3245884688669,502.5850820975895,461.55621195738473C556.606425686781,396.0723002908107,615.8543463187945,314.28637112970534,586.6730223649479,234.56875336149918C558.9533121215079,158.8439757836574,454.9685369536778,164.00468322053177,381.49747125262974,130.76875717737553C312.15926192815925,99.40240125094834,248.97055460311594,18.661163978235184,179.8680185752513,50.54337015887873C110.5421016452524,82.52863877960104,119.82277516462835,180.83849132639028,109.12597500060166,256.43424936330496C100.08760227029461,320.3096726198365,92.17705696193138,384.0621239912766,124.79988738764834,439.7174275375508C164.83382741302287,508.01625554203684,220.96474134820875,577.5009287672846,300,582.0697525312426\"></path>\r\n                                </svg>\r\n                                <i class=\"bi bi-piggy-bank\"></i>\r\n                            </div>\r\n                            <h4>Self Financing Solutions</h4>\r\n                            <p>I provide self financing solutions which helps you to manage your money in proper way to live a happy life.</p>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\r\n                        <div className=\"icon-box iconbox-pink\">\r\n                            <div className=\"icon\">\r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 600 600\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                    <path stroke=\"none\" stroke-width=\"0\" fill=\"#f5f5f5\" d=\"M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781\"></path>\r\n                                </svg>\r\n                                <i class=\"bi bi-graph-up-arrow\"></i>\r\n                            </div>\r\n                            <h4>Stock Trading Training</h4>\r\n                            <p>I provide stock trading training from basic to advanced level which helps you to find one more source of income.</p>\r\n                        </div>\r\n                    </div>\r\n\r\n                   \r\n                </div>\r\n\r\n            </div>\r\n        </section>\r\n        );\r\n}\r\nexport default Services;","import { useState } from 'react';\r\nimport axios from 'axios';\r\n\r\nconst Contact = () => {\r\n    //const apiPath = \"https://app-sagar-dev.azurewebsites.net/api/app/sendmessage\";\r\n    const apiPath = \"https://nsagar.com/api/app/sendmessage\"\r\n    const [addMsgValues, setAddMsgValues] = useState({\r\n        name: '',\r\n        mobile: '',\r\n        email: '',\r\n        message: ''\r\n    });\r\n\r\n    const handleAddMsgValueChange = (prop) => (event) => {\r\n        setAddMsgValues({ ...addMsgValues, [prop]: event.target.value });\r\n    };\r\n    const [sending, setSending] = useState(false);\r\n    const [errorMsg, setErrorMsg] = useState(false);\r\n    const [successMsg, setSuccessMsg] = useState(false)\r\n    const [validationMsg, setValidationMsg] = useState(\"\");\r\n    const handleSendMessage = () => {\r\n        if (addMsgValues.name.trim() == \"\" || addMsgValues.email.trim() == \"\" || addMsgValues.mobile.trim() == \"\" || addMsgValues.message.trim() == \"\") {\r\n            setValidationMsg(\"All fields are mandatory\");\r\n        } else {\r\n            setValidationMsg(\"\");\r\n            setSending(true);\r\n\r\n            try {\r\n                axios.post(apiPath, addMsgValues)\r\n                    .then(response => {\r\n                        if (response.status === 200) {\r\n                            setErrorMsg(false);\r\n                            setSuccessMsg(true);\r\n                        }\r\n                        setSending(false);\r\n                    })\r\n                    .catch(error => {\r\n                        console.log(error);\r\n                        setErrorMsg(true);\r\n                        setSuccessMsg(false);\r\n                        setSending(false);\r\n                    });\r\n            }\r\n            catch (e) {\r\n                setErrorMsg(true);\r\n                setSuccessMsg(false);\r\n                setSending(false);\r\n            }\r\n        }\r\n    }\r\n\r\n    return (\r\n        <section id=\"contact\" className=\"contact\">\r\n            <div className=\"container\" data-aos=\"fade-up\">\r\n\r\n                <div className=\"section-title\">\r\n                    <h2>Contact</h2>\r\n                    <p>If you want to opt any service or wants to know more details about the services please feel free to reachout to me.</p>\r\n                </div>\r\n\r\n                <div className=\"row mt-1\">\r\n\r\n                    <div className=\"col-lg-4\">\r\n                        <div className=\"info\">\r\n                            <div className=\"address\">\r\n                                <i className=\"bi bi-geo-alt\"></i>\r\n                                <h4>Location:</h4>\r\n                                <p>#20, RMS Colony, Battarahalli, Bengaluru</p>\r\n                            </div>\r\n\r\n                            <div className=\"email\">\r\n                                <i className=\"bi bi-envelope\"></i>\r\n                                <h4>Email:</h4>\r\n                                <p>connect@nsagar.com</p>\r\n                            </div>\r\n\r\n                            <div className=\"phone\">\r\n                                <i className=\"bi bi-phone\"></i>\r\n                                <h4>Call/WhatsApp:</h4>\r\n                                <p>+91 7008517377</p>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div className=\"col-lg-8 mt-5 mt-lg-0\">\r\n\r\n                        <form role=\"form\" className=\"php-email-form\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-md-6 form-group\">\r\n                                    <input type=\"text\" name=\"name\" className=\"form-control\" id=\"name\" placeholder=\"Your Name*\" onChange={handleAddMsgValueChange('name')} required />\r\n                                </div>\r\n                                <div className=\"col-md-6 form-group mt-3 mt-md-0\">\r\n                                    <input type=\"text\" className=\"form-control\" name=\"mobile\" id=\"subject\" placeholder=\"Your Mobile*\" onChange={handleAddMsgValueChange('mobile')} required />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"form-group mt-3\">\r\n                                <input type=\"email\" className=\"form-control\" name=\"email\" id=\"email\" placeholder=\"Your Email*\" onChange={handleAddMsgValueChange('email')} required />\r\n                            </div>\r\n                            <div className=\"form-group mt-3\">\r\n                                <textarea className=\"form-control\" name=\"message\" rows=\"5\" placeholder=\"Message*\" onChange={handleAddMsgValueChange('message')} required></textarea>\r\n                            </div>\r\n                            <div className=\"my-3\">\r\n                                <span style={{ color: \"red\" }}>{validationMsg}</span>\r\n                                {(sending) ?\r\n                                    <div className=\"loading\">Sending...</div> : null}\r\n                                {(successMsg) ?\r\n                                    <div className=\"sent-message\">Your message has been sent. Thank you!</div> : null}\r\n                                {(errorMsg) ?\r\n                                    <div className=\"error-message\">Something went wrong. please try again later !!</div> : null}\r\n                            </div>\r\n                            <div className=\"text-center\">\r\n                                <button type=\"button\" disabled={addMsgValues.name.trim() == \"\" || addMsgValues.email.trim() == \"\" || addMsgValues.mobile.trim() == \"\" || addMsgValues.message.trim() == \"\"} onClick={handleSendMessage}>\r\n                                    Send Message\r\n                                </button>\r\n                            </div>\r\n                        </form>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </section>\r\n    );\r\n}\r\nexport default Contact;","\r\nimport About from './About';\r\nimport Facts from './Facts';\r\nimport Skills from './Skills';\r\nimport Resume from './Resume';\r\nimport Portfolio from './Portfolio';\r\nimport Services from './Services';\r\nimport Testimonials from './Testimonials';\r\nimport Contact from './Contact';\r\n\r\nconst Main = () => {\r\n    return (\r\n        <>\r\n            <main id=\"main\">\r\n                <About />\r\n                <Facts />\r\n                <Skills />\r\n                <Resume />\r\n                <Portfolio />\r\n                <Services />\r\n                {/*<Testimonials />*/}\r\n                <Contact />\r\n            </main>\r\n        </>\r\n    );\r\n}\r\n\r\nexport default Main;","import React, { Component } from 'react';\r\nimport { Route } from 'react-router';\r\nimport { Layout } from './components/Layout';\r\nimport { Home } from './components/Home';\r\nimport { FetchData } from './components/FetchData';\r\nimport { Counter } from './components/Counter';\r\n\r\nimport Header from './components/Header';\r\nimport Footer from './components/Footer';\r\nimport Hero from './components/Hero';\r\nimport Main from './components/Main'\r\n\r\nimport './custom.css'\r\n\r\nexport default class App extends Component {\r\n    static displayName = App.name;\r\n\r\n    render() {\r\n        return (\r\n            <div>\r\n                <Header />\r\n                <Hero />\r\n                <Main />\r\n                <Footer />\r\n            </div>\r\n        );\r\n    }\r\n}\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://cra.link/PWA\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.0/8 are considered localhost for IPv4.\r\n    window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\r\n);\r\n\r\nexport function register(config) {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Let's check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl, config);\r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            'This web app is being served cache-first by a service ' +\r\n              'worker. To learn more, visit https://cra.link/PWA'\r\n          );\r\n        });\r\n      } else {\r\n        // Is not localhost. Just register service worker\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then((registration) => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        if (installingWorker == null) {\r\n          return;\r\n        }\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the updated precached content has been fetched,\r\n              // but the previous service worker will still serve the older\r\n              // content until all client tabs are closed.\r\n              console.log(\r\n                'New content is available and will be used when all ' +\r\n                  'tabs for this page are closed. See https://cra.link/PWA.'\r\n              );\r\n\r\n              // Execute callback\r\n              if (config && config.onUpdate) {\r\n                config.onUpdate(registration);\r\n              }\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n\r\n              // Execute callback\r\n              if (config && config.onSuccess) {\r\n                config.onSuccess(registration);\r\n              }\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch((error) => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl, {\r\n    headers: { 'Service-Worker': 'script' },\r\n  })\r\n    .then((response) => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      const contentType = response.headers.get('content-type');\r\n      if (\r\n        response.status === 404 ||\r\n        (contentType != null && contentType.indexOf('javascript') === -1)\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then((registration) => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log('No internet connection found. App is running in offline mode.');\r\n    });\r\n}\r\n\r\nexport function unregister() {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready\r\n      .then((registration) => {\r\n        registration.unregister();\r\n      })\r\n      .catch((error) => {\r\n        console.error(error.message);\r\n      });\r\n  }\r\n}\r\n","const reportWebVitals = (onPerfEntry) => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport * as serviceWorkerRegistration from './serviceWorkerRegistration';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n  <BrowserRouter basename={baseUrl}>\r\n    <App />\r\n  </BrowserRouter>,\r\n  rootElement);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://cra.link/PWA\r\nserviceWorkerRegistration.unregister();\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}