{"version":3,"sources":["webpack:///./src/pages/about.js","webpack:///./src/styles/content.module.css"],"names":["className","Style","gridContainer","contentGroup","contentHeader","contentTitle","contentParagraph","contentList","experienceLabel","divider","projectLink","href","module","exports"],"mappings":"6FAAA,6EAMe,4BACb,6BACE,kBAAC,SAAD,KACE,4DAEF,kBAAC,IAAD,MACA,yBAAKA,UAAWC,IAAMC,eACpB,yBAAKF,UAAWC,IAAME,cACpB,yBAAKH,UAAWC,IAAMG,eACpB,wBAAIJ,UAAWC,IAAMI,cAArB,cAEF,yBAAKL,UAAWC,IAAMK,kBAAtB,6NAQF,yBAAKN,UAAWC,IAAME,cACpB,yBAAKH,UAAWC,IAAMG,eACpB,wBAAIJ,UAAWC,IAAMI,cAArB,cAEF,yBAAKL,UAAWC,IAAMK,kBACpB,wBAAIN,UAAWC,IAAMM,aACnB,0CACA,0CACA,wCACA,qCACA,yCACA,oCACA,0CACA,sCACA,uCACA,mCACA,yCACA,yCACA,+CACA,4CACA,sDACA,oDAKN,yBAAKP,UAAWC,IAAME,cACpB,yBAAKH,UAAWC,IAAMG,eACpB,wBAAIJ,UAAWC,IAAMI,cAArB,kBAGF,wBAAIL,UAAWC,IAAMO,iBAArB,UACA,wBAAIR,UAAWC,IAAMO,iBAArB,oDAGA,yBAAKR,UAAWC,IAAMK,kBACpB,wBAAIN,UAAWC,IAAMM,aACnB,+OAMA,6RAMA,yVAQA,sVAOA,uSASJ,wBAAIP,UAAWC,IAAMO,iBAArB,kDAGA,yBAAKR,UAAWC,IAAMK,kBACpB,wBAAIN,UAAWC,IAAMM,aACnB,kHAIA,sIAIA,2JAIA,iQAMA,wTAOA,igBAYJ,yBAAKP,UAAWC,IAAMQ,UAEtB,wBAAIT,UAAWC,IAAMO,iBAArB,kBACA,wBAAIR,UAAWC,IAAMO,iBAArB,mDAGA,yBAAKR,UAAWC,IAAMK,kBACpB,wBAAIN,UAAWC,IAAMM,aACnB,wIAIA,wJAIA,mLAKA,mRAMA,uJAIA,wKAOJ,yBAAKP,UAAWC,IAAMQ,UAEtB,wBAAIT,UAAWC,IAAMO,iBAArB,wBACA,wBAAIR,UAAWC,IAAMO,iBAArB,0EAGA,yBAAKR,UAAWC,IAAMK,kBACpB,wBAAIN,UAAWC,IAAMM,aACnB,8HAIA,uLAKA,oRAQJ,yBAAKP,UAAWC,IAAMQ,UAEtB,wBAAIT,UAAWC,IAAMO,iBAArB,2BACA,wBAAIR,UAAWC,IAAMO,iBAArB,8BACA,yBAAKR,UAAWC,IAAMK,kBACpB,wBAAIN,UAAWC,IAAMM,aACnB,6IAIA,6HAIA,mJAIA,uBACEP,UAAWC,IAAMS,YACjBC,KAAK,gCAEL,2DAIN,yBAAKX,UAAWC,IAAMQ,UAEtB,wBAAIT,UAAWC,IAAMO,iBAArB,yBACA,wBAAIR,UAAWC,IAAMO,iBAArB,4CAGA,yBAAKR,UAAWC,IAAMK,kBACpB,wBAAIN,UAAWC,IAAMM,aACnB,0RAMA,qNAKA,oOAMA,8OAMA,kJAIA,8NAOJ,yBAAKP,UAAWC,IAAMQ,UAEtB,wBAAIT,UAAWC,IAAMO,iBAArB,8DAGA,wBAAIR,UAAWC,IAAMO,iBAArB,6DAGA,yBAAKR,UAAWC,IAAMK,kBACpB,wBAAIN,UAAWC,IAAMM,aACnB,kIAIA,qLAKA,qLAOJ,yBAAKP,UAAWC,IAAMQ,UAEtB,wBAAIT,UAAWC,IAAMO,iBAArB,8DAGA,wBAAIR,UAAWC,IAAMO,iBAArB,kDAGA,yBAAKR,UAAWC,IAAMK,kBACpB,wBAAIN,UAAWC,IAAMM,aACnB,gGAGA,qFACA,kHAIA,uGAIA,+I,qBC9TZK,EAAOC,QAAU,CAAC,iBAAmB,0CAA0C,aAAe,sCAAsC,aAAe,sCAAsC,cAAgB,uCAAuC,WAAa,oCAAoC,gBAAkB,yCAAyC,QAAU,iCAAiC,cAAgB,uCAAuC,YAAc,qCAAqC,aAAe,sCAAsC,YAAc,qCAAqC,QAAU","file":"component---src-pages-about-js-3ae874c13e2ca90253d1.js","sourcesContent":["import React from \"react\"\nimport Header from \"../components/header\"\nimport { Helmet } from \"react-helmet\"\n\nimport Style from \"../styles/content.module.css\"\n\nexport default () => (\n  <div>\n    <Helmet>\n      <title>Maximo Macchi - About Me</title>\n    </Helmet>\n    <Header />\n    <div className={Style.gridContainer}>\n      <div className={Style.contentGroup}>\n        <div className={Style.contentHeader}>\n          <h1 className={Style.contentTitle}>Who Am I?</h1>\n        </div>\n        <div className={Style.contentParagraph}>\n          Hi! My name is Max and I live in Chicago. I am a Software Engineer\n          specializing in front-end web development. My main area of focus\n          currently is building responsive, accessible, and scalable React-based\n          applications.\n        </div>\n      </div>\n\n      <div className={Style.contentGroup}>\n        <div className={Style.contentHeader}>\n          <h1 className={Style.contentTitle}>My Skills</h1>\n        </div>\n        <div className={Style.contentParagraph}>\n          <ul className={Style.contentList}>\n            <li>JavaScript</li>\n            <li>TypeScript</li>\n            <li>React.js</li>\n            <li>Redux</li>\n            <li>AngularJS</li>\n            <li>HTML</li>\n            <li>Sass / CSS</li>\n            <li>Python</li>\n            <li>Node.js</li>\n            <li>SQL</li>\n            <li>REST APIs</li>\n            <li>Bootstrap</li>\n            <li>Version control</li>\n            <li>Unit testing</li>\n            <li>Continuous integration</li>\n            <li>Responsive design</li>\n          </ul>\n        </div>\n      </div>\n\n      <div className={Style.contentGroup}>\n        <div className={Style.contentHeader}>\n          <h1 className={Style.contentTitle}>My Experience</h1>\n        </div>\n\n        <h2 className={Style.experienceLabel}>Albert</h2>\n        <h3 className={Style.experienceLabel}>\n          Software Engineer II // January 2022 - June 2022\n        </h3>\n        <div className={Style.contentParagraph}>\n          <ul className={Style.contentList}>\n            <li>\n              Promoted to SE II level in my first performance review cycle. This\n              level of promotion is rarely seen at Albert as most employees are\n              typically not considered for promotion within the first year of\n              employment\n            </li>\n            <li>\n              Led QA initiatives for Albert's web application during initial\n              development. This involved coordinating with product designers and\n              team members to delegate work and verify bug fixes, leading to\n              over 100 QA items being resolved within a two-month timeline\n            </li>\n            <li>\n              Assigned as project owner for Albert's web style guide\n              integration. The style guide's purpose is to have consistently\n              defined styling for various UI components. Owning this project\n              involved writing a 6-page PRD specifying requirements,\n              implementation approach, estimated timelines, and trade-off\n              decision analysis\n            </li>\n            <li>\n              At a technical level, integrating the style guide consisted of\n              refactoring over 15 commonly used UI components throughout the\n              Albert web applications and verifying such changes with\n              pixel-perfect accuracy against Figma design mockups. This was\n              estimated to increase QA lifecycle efficiency by approximately 15%\n            </li>\n            <li>\n              Contributed to overhaul of Albert's mobile device web signup flow,\n              one of Albert's largest revenue channels. This consisted of\n              refactoring the responsive UI for over 15 pages in the signup flow\n              and testing such changes across multiple mobile and desktop\n              devices\n            </li>\n          </ul>\n        </div>\n        <h3 className={Style.experienceLabel}>\n          Software Engineer I // May 2021 - January 2022\n        </h3>\n        <div className={Style.contentParagraph}>\n          <ul className={Style.contentList}>\n            <li>\n              Member of the Web team, building web applications for Albert\n              products and services\n            </li>\n            <li>\n              Specialized in front-end technologies such as React, Redux,\n              TypeScript, styled-components, and Webpack\n            </li>\n            <li>\n              Collaborated with the Product team, specifically product\n              designers, to implement product mockups with pixel-perfect styling\n            </li>\n            <li>\n              Within one month of joining the team, contributed to 25% of total\n              team output for our first project deadline, resulting in a 50%\n              increase in the team's overall output and setting a new company\n              record for the Web team's output\n            </li>\n            <li>\n              Contributed to redesign of Albert's website rebrand, building 4\n              new pages and assisting teammates with building additional pages.\n              The project included collaborating with product designers as well\n              as investigating and integrating the Lever.co API for fetching\n              Albert job board data\n            </li>\n            <li>\n              Assigned as lead for building and testing the Albert Web app Home\n              pages. Building these 10 new pages involved planning the\n              engineering architecture approach, communicating with stakeholders\n              to gather requirements, delegating work to teammates, updating my\n              manager with the project's timeline and challenges, and\n              contributing my own programming work including coding and pull\n              request reviews. This resulted in creating a new point of access\n              for Albert users to use Albert services\n            </li>\n          </ul>\n        </div>\n        <div className={Style.divider} />\n\n        <h2 className={Style.experienceLabel}>Data Decisions</h2>\n        <h3 className={Style.experienceLabel}>\n          Software Engineer // February 2020 - April 2021\n        </h3>\n        <div className={Style.contentParagraph}>\n          <ul className={Style.contentList}>\n            <li>\n              Built AngularJS applications to solve business needs of varying\n              companies, mainly forklift manufacturers\n            </li>\n            <li>\n              Main project was a sales team CRM which handles a sales pipeline,\n              communication, and data for over 200 customer accounts\n            </li>\n            <li>\n              Completed over 6 Jira issues on average weekly which included new\n              features and bug fixes, resulting in an increase of the team's\n              work output by 30%\n            </li>\n            <li>\n              Within 7 months, built over 150 features into the sales team CRM\n              collaborating with the executive assistant and CEO of a customer\n              site; this included biweekly demos and using a support ticketing\n              system to keep track of updates for the customer\n            </li>\n            <li>\n              Created over 50 new REST API endpoints for our backend system\n              leading to an increase in data read / write speeds by 10%\n            </li>\n            <li>\n              Collaborating with president of Data Decisions on design decisions\n              and customer support to produce products that satisfy our\n              customers\n            </li>\n          </ul>\n        </div>\n        <div className={Style.divider} />\n\n        <h2 className={Style.experienceLabel}>Cyclebar Culver City</h2>\n        <h3 className={Style.experienceLabel}>\n          Cyclebar Experience & Sales Associate // November 2019 - February 2020\n        </h3>\n        <div className={Style.contentParagraph}>\n          <ul className={Style.contentList}>\n            <li>\n              Contributed to highly-rated Cyclebar customer satisfaction by\n              assisting over 120 clients daily\n            </li>\n            <li>\n              Managed multiple tasks in small time frames such as cleaning,\n              making sales calls, and satisfying client requests all within 45\n              minute to 1 hour periods\n            </li>\n            <li>\n              Increased number of clients through membership sale pitches and\n              offering packages based on clients' needs. Cyclebar Culver City\n              has been ranked 2 years in a row as the #1 franchise for member\n              count across over 200 Cyclebar franchise locations\n            </li>\n          </ul>\n        </div>\n        <div className={Style.divider} />\n\n        <h2 className={Style.experienceLabel}>Freelance Web Developer</h2>\n        <h3 className={Style.experienceLabel}>August 2019 - January 2020</h3>\n        <div className={Style.contentParagraph}>\n          <ul className={Style.contentList}>\n            <li>\n              Building websites and applications for various clients, mainly\n              small businesses or independent entrepreneurs.\n            </li>\n            <li>\n              Working with clients to define project requirements, establish\n              deadlines, and estimate costs.\n            </li>\n            <li>\n              Regularly presenting demos to clients to share progress on\n              project, gain feedback, and suggest additional features.\n            </li>\n            <a\n              className={Style.projectLink}\n              href=\"https://impeccablewraps.com/\"\n            >\n              <li>Impeccable Wraps Client </li>\n            </a>\n          </ul>\n        </div>\n        <div className={Style.divider} />\n\n        <h2 className={Style.experienceLabel}>Vocera Communications</h2>\n        <h3 className={Style.experienceLabel}>\n          CO-OP Intern // May 2018 - December 2018\n        </h3>\n        <div className={Style.contentParagraph}>\n          <ul className={Style.contentList}>\n            <li>\n              Member of Tools team under Support department. Tools team develops\n              tools (mostly applications and scripts) used by the Support\n              department. Tools used assist technical support engineers with\n              closing customer support cases and developing their careers.\n            </li>\n            <li>\n              Built 2 new full-stack web apps used by technical support\n              engineers for career development. Collaborated with full-time\n              engineers and other interns, delegating features to be built.\n            </li>\n            <li>\n              Developed new features and resolved bugs with current applications\n              maintained by our team. Worked with management to define\n              requirements for new features as well as setting timelines for\n              releases.\n            </li>\n            <li>\n              Followed gitflow workflow for new features and hotfixes that were\n              developed; fulfilled requests made through code reviews such as\n              modifying code readability, optimizing performance, and adding new\n              features.\n            </li>\n            <li>\n              Contributed ideas towards planning and design meetings and\n              actively participated in over 50 standup team meetings.\n            </li>\n            <li>\n              Engineered over 30 pieces of documentation for added features to\n              current applications, details of new applications developed by\n              myself and others, app architectures and stacks, and guides.\n            </li>\n          </ul>\n        </div>\n        <div className={Style.divider} />\n\n        <h2 className={Style.experienceLabel}>\n          New Student and Family Programs, University of the Pacific\n        </h2>\n        <h3 className={Style.experienceLabel}>\n          Scheduling and Coverage Manager // August 2017 - May 2018\n        </h3>\n        <div className={Style.contentParagraph}>\n          <ul className={Style.contentList}>\n            <li>\n              Scheduled 28 employees to work welcome desk shifts with\n              approximately 50 shifts assigned per week.\n            </li>\n            <li>\n              Communicated with staff daily through emails; contributed towards\n              monthly staff meetings by presenting scheduling updates to staff\n              of 68 individuals.\n            </li>\n            <li>\n              Assisted coordinators of New Student and Family Programs with\n              various tasks such as contributing towards the design of the new\n              peer mentor program.\n            </li>\n          </ul>\n        </div>\n        <div className={Style.divider} />\n\n        <h2 className={Style.experienceLabel}>\n          New Student and Family Programs, University of the Pacific\n        </h2>\n        <h3 className={Style.experienceLabel}>\n          Pacific Ambassador // April 2016 - August 2017\n        </h3>\n        <div className={Style.contentParagraph}>\n          <ul className={Style.contentList}>\n            <li>\n              Served as representative of University of the Pacific community.\n            </li>\n            <li>Hosted over 150 prospective families on campus tours.</li>\n            <li>\n              Served as orientation leader and welcomed in over 1,600 new\n              students into Pacific.\n            </li>\n            <li>\n              Mentored over 100 students in orientation groups as orientation\n              leader.\n            </li>\n            <li>\n              Student and family populations included multiple ethnicities,\n              genders, religions, ages, and backgrounds.\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </div>\n)\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"contentParagraph\":\"content-module--contentParagraph--ncIHi\",\"contentTitle\":\"content-module--contentTitle--3F_4I\",\"contentGroup\":\"content-module--contentGroup--388og\",\"contentHeader\":\"content-module--contentHeader--ZqiB7\",\"projectImg\":\"content-module--projectImg--20VzB\",\"experienceLabel\":\"content-module--experienceLabel--10Cvd\",\"divider\":\"content-module--divider--2Mpfa\",\"gridContainer\":\"content-module--gridContainer--27_d1\",\"contentList\":\"content-module--contentList--sWKHO\",\"contentLinks\":\"content-module--contentLinks--f4085\",\"projectLink\":\"content-module--projectLink--1q_in\",\"imgLink\":\"content-module--imgLink--d_P_t\"};"],"sourceRoot":""}