{"version":3,"sources":["components/App.jsx","components/Header.jsx","components/Footer.jsx","components/Home.jsx","components/About.jsx","components/Portfolio.jsx","index.js"],"names":["App","className","exact","path","Header","to","activeClassName","Footer","href","src","alt","Home","About","Portfolio","ReactDom","render","document","getElementById"],"mappings":"uTA6BeA,EAxBH,WACV,OACE,sBAAKC,UAAU,YAAf,UACE,cAAC,EAAD,IACA,qBAAKA,UAAU,OAAf,SACE,eAAC,IAAD,WACE,cAAC,IAAD,CAAOC,OAAK,EAACC,KAAK,IAAlB,SACE,8BACE,cAAC,EAAD,QAGJ,cAAC,IAAD,CAAOD,OAAK,EAACC,KAAK,aAAlB,SACE,cAAC,EAAD,MAEF,cAAC,IAAD,CAAOD,OAAK,EAACC,KAAK,SAAlB,SACE,cAAC,EAAD,WAIN,cAAC,EAAD,QCGSC,G,MAvBA,WACb,OACE,sBAAKH,UAAU,SAAf,UACE,qBAAKA,UAAU,OAAf,SACE,gDAEF,sBAAKA,UAAU,YAAf,UACE,cAAC,IAAD,CAASC,OAAK,EAACG,GAAG,IAAIC,gBAAgB,SAAtC,kBAIA,cAAC,IAAD,CAASA,gBAAgB,SAASJ,OAAK,EAACG,GAAG,aAA3C,uBAIA,cAAC,IAAD,CAASC,gBAAgB,SAASJ,OAAK,EAACG,GAAG,SAA3C,2BCGOE,G,MAnBA,WACb,OACE,sBAAKN,UAAU,SAAf,UACE,mBAAGO,KAAK,2BAAR,SACE,qBAAKC,IAAI,qBAAqBC,IAAI,OAEpC,mBAAGF,KAAK,4CAAR,SACE,qBAAKC,IAAI,wBAAwBC,IAAI,OAEvC,mBAAGF,KAAK,yCAAR,SACE,qBAAKC,IAAI,uBAAuBC,IAAI,OAEtC,mBAAGF,KAAK,iCAAR,SACE,qBAAKC,IAAI,sBAAsBC,IAAI,YCW5BC,G,MAxBF,WACX,OACE,uBAAMV,UAAU,OAAhB,UACE,sBAAKA,UAAU,OAAf,UACE,8EACA,+UASF,oBAAIA,UAAU,QAAd,qHAKA,qBAAKA,UAAU,aAAaQ,IAAI,yBAAyBC,IAAI,UC2EpDE,G,MA9FD,WACZ,OACE,mCACE,sBAAMX,UAAU,OAAhB,SACE,0BAASA,UAAU,OAAnB,UAEE,0BAASA,UAAU,QAAnB,UACE,4CACA,qBAAKQ,IAAI,0BAA0BC,IAAI,KACvC,giBAUA,4BACE,8DAEF,oIAKF,0BAAST,UAAU,QAAnB,UACE,2CACA,qBAAKQ,IAAI,yBAAyBC,IAAI,KACtC,sFAEA,sFAEA,qDACA,gIAKF,0BAAST,UAAU,QAAnB,UACE,wCACA,qBAAKQ,IAAI,sBAAsBC,IAAI,KACnC,8BACE,smBAcJ,0BAAST,UAAU,QAAnB,UACE,uCACA,qBAAKQ,IAAI,qBAAqBC,IAAI,KAClC,oHAE2B,OAE3B,8GAMF,0BAAST,UAAU,QAAnB,UACE,iEACA,qBAAKQ,IAAI,yBAAyBC,IAAI,KACtC,8LAKA,yZCaGG,G,MA3FG,WAChB,OACE,sBAAMZ,UAAU,OAAhB,SACE,0BAASA,UAAU,OAAnB,UAEE,0BAASA,UAAU,QAAnB,UACE,2CACA,qBAAKQ,IAAI,qBAAqBC,IAAI,KAClC,gCACE,wXAQA,2TAOA,+cASA,6GAEa,mBAAGF,KAAK,qBAAR,iCAIjB,0BAASP,UAAU,QAAnB,UACE,sDACA,qBAAKQ,IAAI,6BAA6BC,IAAI,KAC1C,igBASE,mBAAGF,KAAK,oDAAR,sCAKJ,0BAASP,UAAU,QAAnB,UACE,oDACA,qBAAKQ,IAAI,2BAA2BC,IAAI,KACxC,8YAOE,mBAAGF,KAAK,6CAAR,mBAPF,+RAcF,0BAASP,UAAU,QAAnB,UACE,kDACA,qBAAKQ,IAAI,yBAAyBC,IAAI,KACtC,ycC5EVI,IAASC,OACP,cAAC,IAAD,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,U","file":"static/js/main.c0cc927a.chunk.js","sourcesContent":["import React from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport { Header, Footer, Home, About, Portfolio } from '.';\nimport './App.css';\n\nconst App = () => {\n  return (\n    <div className=\"container\">\n      <Header />\n      <div className=\"main\">\n        <Switch>\n          <Route exact path=\"/\">\n            <div>\n              <Home />\n            </div>\n          </Route>\n          <Route exact path=\"/portfolio\">\n            <Portfolio />\n          </Route>\n          <Route exact path=\"/about\">\n            <About />\n          </Route>\n        </Switch>\n      </div>\n      <Footer />\n    </div>\n  );\n};\n\nexport default App;\n","import React from 'react';\nimport { NavLink } from 'react-router-dom';\nimport './Header.css';\n\nconst Header = () => {\n  return (\n    <div className=\"header\">\n      <div className=\"logo\">\n        <h1>Tanveer Shah</h1>\n      </div>\n      <div className=\"nav-links\">\n        <NavLink exact to=\"/\" activeClassName=\"active\">\n          Home\n        </NavLink>\n\n        <NavLink activeClassName=\"active\" exact to=\"/portfolio\">\n          Portfolio\n        </NavLink>\n\n        <NavLink activeClassName=\"active\" exact to=\"/about\">\n          About\n        </NavLink>\n      </div>\n    </div>\n  );\n};\n\nexport default Header;\n","import React from 'react';\nimport './Footer.css';\n\nconst Footer = () => {\n  return (\n    <div className=\"footer\">\n      <a href=\"mailto:info@tanveer.info\">\n        <img src=\"./images/email.jpg\" alt=\"\" />\n      </a>\n      <a href=\"https://www.linkedin.com/in/tanveerhshah/\">\n        <img src=\"./images/linkedin.jpg\" alt=\"\" />\n      </a>\n      <a href=\"https://www.twitter.com/DrTanveerShah/\">\n        <img src=\"./images/twitter.jpg\" alt=\"\" />\n      </a>\n      <a href=\"https://github.com/tanveershah\">\n        <img src=\"./images/github.jpg\" alt=\"\" />\n      </a>\n    </div>\n  );\n};\n\nexport default Footer;\n","import React from 'react';\nimport './Home.css';\n\nconst Home = () => {\n  return (\n    <main className=\"main\">\n      <div className=\"para\">\n        <h2>A fullstack engineer, teacher and traveller!</h2>\n        <p>\n          “Fear is a pattern that we develop over years and that impacts\n          everything we do in a negative way. It can lead to paralysis in\n          choosing big decisions or avoiding situations that can help us grow.\n          So face your fear, go through it and transform it into your strength.”\n          ― Todd Perelmuter\n        </p>\n      </div>\n\n      <h1 className=\"qoute\">\n        “Logic will get you from A to B. Imagination will take you everywhere.”\n        –Albert Einstein\n      </h1>\n\n      <img className=\"home-image\" src=\"./images/homeImage.jpg\" alt=\"\" />\n    </main>\n  );\n};\n\nexport default Home;\n","import React from 'react';\nimport './About.css';\n\nconst About = () => {\n  return (\n    <>\n      <main className=\"main\">\n        <section className=\"card\">\n          {/* <h2 className=\"heading\">About</h2> */}\n          <article className=\"cards\">\n            <h3>Experience</h3>\n            <img src=\"./images/experience.jpg\" alt=\"\" />\n            <p>\n              I am a software engineer based in New York City, USA. In the past,\n              I worked as an Instructional Associate and Teaching Fellow at\n              Fullstack Academy NY for their university web development program.\n              As an instructional associate I implemented agile methodologies to\n              provide ongoing technical and project management guidance to\n              students learning full stack JavaScript software development. In\n              addition, I lead group code reviews and stand ups, and conducted\n              technical admissions interviews for prospective students.\n            </p>\n            <p>\n              <strong>Experience outside USA</strong>\n            </p>\n            <p>\n              I worked as an assistant professor in the field of education\n              before moving to the United States.\n            </p>\n          </article>\n          <article className=\"cards\">\n            <h3>Education</h3>\n            <img src=\"./images/education.jpg\" alt=\"\" />\n            <p>Software Engineering Immersive, Fullstack Academy, NY</p>\n\n            <p>Doctor of Education, Dowling College, Long Island, NY</p>\n\n            <p>Master degree in HRM</p>\n            <p>\n              A 64-hour course in American Culture and English, Hunter College\n              Manhattan New York City USA\n            </p>\n          </article>\n          <article className=\"cards\">\n            <h3>Travel</h3>\n            <img src=\"./images/travel.jpg\" alt=\"\" />\n            <div>\n              <p>\n                I am a life-long traveller. Whenever I get a chance I travel to\n                a different destination. I believe travel gives me a different\n                perspective to understand different cultures and people. I get\n                inspiration from nature and that is the reason, I like traveling\n                to mountains and valleys. I like hiking and treking in the hilly\n                areas. Going to national parks makes me realize how vast this\n                planet and universe is and keeps me grounded through an amazing\n                and humbling experience. So far I have traveled to Europe, UK,\n                Canada, Dubai, Sub-continent, Turkey and several states in the\n                USA.\n              </p>\n            </div>\n          </article>\n          <article className=\"cards\">\n            <h3>Music</h3>\n            <img src=\"./images/music.jpg\" alt=\"\" />\n            <p>\n              I am not a singer but love to listen music and can play my\n              favorite songs on piano.{' '}\n            </p>\n            <p>\n              I like a variety of music including rock, pop, country and indian\n              classic.\n            </p>\n          </article>\n\n          <article className=\"cards\">\n            <h3>Portfolio and Home pages Photos</h3>\n            <img src=\"./images/homeImage.jpg\" alt=\"\" />\n            <p>\n              Photos used in Home and Portfolio pages were downloaded from\n              following free public sources, photo credits included were\n              mentioned on their respective linkes:\n            </p>\n            <p>\n              landing page image free downloaded from\n              https://www.pexels.com/photo/spiral-notebooks-placed-on-white-cloth-with-burning-candle-7150986/\n              portfolio images downloaded from\n              https://www.pexels.com/search/technology/ Photo by Ketut Subiyanto\n              from Pexels Photo by fauxels from Pexels Photo by Miguel Á.\n              Padriñán from Pexels Photo by Polina Zimmerman from Pexels\n            </p>\n          </article>\n        </section>\n      </main>\n    </>\n  );\n};\n\nexport default About;\n","import React from 'react';\n\nimport './Portfolio.css';\n\nconst Portfolio = () => {\n  return (\n    <main className=\"main\">\n      <section className=\"card\">\n        {/* <h2 className=\"heading\">Portfolio</h2> */}\n        <article className=\"cards\">\n          <h3>Vinto App</h3>\n          <img src=\"./images/vinto.jpg\" alt=\"\" />\n          <div>\n            <p>\n              Vinto is a video conferencing solution that emphasizes realtime\n              non-verbal interactions between participants. Vinto allows\n              participants to join a room, have a video conference, and\n              communicate non-verbally through hand raises, and - in the future\n              - through even more forms of expression, e.g. claps, queueing up\n              to ask a question, emojis, etc.\n            </p>\n            <p>\n              Under the hood, Vinto uses lib-jitsi-meet, an API that wraps\n              around WebRTC technology and is designed to set up video\n              conferences on a server running jitsi-meet (e.g. meet.jit.si).\n              Vinto also implements a socket.io server to orchestrate real-time\n              interactions like hand raises, etc.\n            </p>\n            <p>\n              Finally, everything is rendered with React, front-end state is\n              managed by Redux stores, and icons/components are from the\n              beautiful material-ui and styled-icons libraries. Where necessary,\n              Vinto implements Promises to ensure that React can respond\n              appropriately to lib-jitsi-meet events, e.g. rendering a\n              conference only after it has been connected to and initialized\n              correctly on the meeting server (i.e. meet.jit.si) by default.\n            </p>\n            <p>\n              Built by Chikara Takahashi, Kevin Hu, and Tanveer Shah. Deployed\n              version at <a href=\"https://vinto.app/\">vinto.app.</a>\n            </p>\n          </div>\n        </article>\n        <article className=\"cards\">\n          <h3>Word Count Challenge</h3>\n          <img src=\"./images/wordChallenge.jpg\" alt=\"\" />\n          <p>\n            This app performs following operations on a text: Character Count,\n            Word Count, Sentence Count, Paragraph Count, and Word Frequency\n            Analysis. Once application is running in browser, a user can enter\n            any text in the text area, it will dynamically count characters,\n            words, words frequency, sentences and paragraphs in the user entered\n            or pasted text without refreshing the app (or browser). A text file\n            can be added by clicking Choose Text File button. This link will\n            take you to the\n            <a href=\"https://github.com/tanveershah/wordCountChallenge\">\n              Project Repository\n            </a>\n          </p>\n        </article>\n        <article className=\"cards\">\n          <h3>E-Commerce Project</h3>\n          <img src=\"./images/graceshoper.jpg\" alt=\"\" />\n          <p>\n            Grace Shopper is a Fullstack Academy project completed by a small\n            group of four team members. It is an e-commerce website. A user can\n            browse the products and buy them, registered users can see their\n            order history, admin users can edit product information, etc. My\n            group decided to sell Doritos, so we named our company D3-Doritos.\n            You can see our project repository\n            <a href=\"https://github.com/D3-Doritos/graceShopper\">here.</a> The\n            product information comes from randomly generated seed data, however\n            you can “order” something and get a confirmation email. You can\n            login with your Google account and leave a product review, and that\n            review will be there as long as Heroku keeps our site running.\n          </p>\n        </article>\n        <article className=\"cards\">\n          <h3>Personal Website</h3>\n          <img src=\"./images/portfolio.jpg\" alt=\"\" />\n          <p>\n            I developed this personal website to showcase my portfolio and\n            communicate with other professionals in the industry. It has home,\n            porfolio and about pages. About page sheds a little light on me as a\n            person and my interests outside the professional life. This project\n            is developed using React, HTML, CSS. CSS variables and hsl used to\n            keep color scheme as dynamic as possible so that it can be changed\n            conveniently.\n          </p>\n        </article>\n      </section>\n    </main>\n  );\n};\n\nexport default Portfolio;\n","import { BrowserRouter as Router } from \"react-router-dom\";\nimport ReactDom from \"react-dom\";\nimport { App } from \"./components\";\n\nReactDom.render(\n  <Router>\n    <App />\n  </Router>,\n  document.getElementById(\"app\")\n);\n"],"sourceRoot":""}