-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 21.5 KB
/
index.html
1
<!DOCTYPE html> <html class='no-js' lang='en'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src='https://www.googletagmanager.com/gtag/js?id=G-89WX477ZQJ'></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-89WX477ZQJ'); </script> <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'> <title>Nicole Furlan</title> <link rel='canonical' href='https://nicolefurlan.com/index'> <meta name='keywords' content='nicole furlan, nicole pitts'> <meta name='author' content='Nicole Furlan'> <link rel='apple-touch-icon' sizes='180x180' href='./img/apple-touch-icon.png'> <link rel='icon' type='image/png' sizes='32x32' href='./img/favicon-32x32.png'> <link rel='icon' type='image/png' sizes='16x16' href='./img/favicon-16x16.png'> <link rel='manifest' href='./manifest.json'> <link rel='mask-icon' href='./img/safari-pinned-tab.svg' color='#000000'> <link rel='shortcut icon' href='./img/favicon.ico'> <meta name='msapplication-TileColor' content='#000000'> <meta name='msapplication-TileImage' content='./img/mstile-144x144.png'> <meta name='msapplication-config' content='./img/browserconfig.xml'> <meta name='theme-color' content='#000000'> <meta name='description' content='Software engineer on a pursuit of equality, compassion, and justice for all.'/> <meta name='robots' content='index, follow'> <meta property='og:locale' content='en_US'> <meta property='og:type' content='website'> <meta property='og:title' content='Nicole Furlan'> <meta property='og:description' content='Software engineer on a pursuit of equality, compassion, and justice for all.'> <meta property='og:url' content='https://nicolefurlan.com/index'> <meta property='og:site_name' content='Nicole Furlan'> <meta property='og:image' content='https://nicolefurlan.com/img/share.jpg'> <meta name='twitter:card' content='summary_large_image'> <meta name='twitter:title' content='Nicole Furlan'> <meta name='twitter:description' content='Software engineer on a pursuit of equality, compassion, and justice for all.'> <meta name='twitter:image' content='https://nicolefurlan.com/img/share.jpg'> <meta name='twitter:creator' content='@nicolemfurlan'> <style type="text/css"> @font-face { font-family: Playfair Display; font-style: normal; font-weight: regular; font-display: swap; src: url('fonts/playfair-display/playfair-display-regular.eot'); src: local(''), url('fonts/playfair-display/playfair-display-regular.eot?#iefix') format('embedded-opentype'), url('fonts/playfair-display/playfair-display-regular.woff2') format('woff2'), url('fonts/playfair-display/playfair-display-regular.woff') format('woff'), url('fonts/playfair-display/playfair-display-regular.ttf') format('truetype'), url('fonts/playfair-display/playfair-display-regular.svg#Playfair-Display') format('svg'); } @font-face { font-family: Raleway; font-style: normal; font-weight: regular; font-display: swap; src: url('fonts/raleway/raleway-regular.eot'); src: local(''), url('fonts/raleway/raleway-regular.eot?#iefix') format('embedded-opentype'), url('fonts/raleway/raleway-regular.woff2') format('woff2'), url('fonts/raleway/raleway-regular.woff') format('woff'), url('fonts/raleway/raleway-regular.ttf') format('truetype'), url('fonts/raleway/raleway-regular.svg#Raleway') format('svg'); } @font-face { font-family: Playfair Display; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/playfair-display/playfair-display-700.eot'); src: local(''), url('fonts/playfair-display/playfair-display-700.eot?#iefix') format('embedded-opentype'), url('fonts/playfair-display/playfair-display-700.woff2') format('woff2'), url('fonts/playfair-display/playfair-display-700.woff') format('woff'), url('fonts/playfair-display/playfair-display-700.ttf') format('truetype'), url('fonts/playfair-display/playfair-display-700.svg#Playfair-Display') format('svg'); } @font-face { font-family: Raleway; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/raleway/raleway-700.eot'); src: local(''), url('fonts/raleway/raleway-700.eot?#iefix') format('embedded-opentype'), url('fonts/raleway/raleway-700.woff2') format('woff2'), url('fonts/raleway/raleway-700.woff') format('woff'), url('fonts/raleway/raleway-700.ttf') format('truetype'), url('fonts/raleway/raleway-700.svg#Raleway') format('svg'); } </style> <link rel='preconnect' href='https://www.googletagmanager.com'> <link rel='preconnect' href='https://www.google-analytics.com'> <noscript> <p>This web page requires JavaScript to be enabled. JavaScript is an object-oriented computer programming language commonly used to create interactive effects within web browsers.</p> <p><a href='https://www.enable-javascript.com'>How do I enable JavaScript?</a></p> <p>After enabling JavaScript, refresh this page to continue.</p> </noscript> <!-- Set base variables for potential later use. --> <script type='text/javascript'> window.baseUrl = "https://nicolefurlan.com"; window.baseTitle = "Nicole Furlan"; window.baseDescription = "Software engineer on a pursuit of equality, compassion, and justice for all."; </script> <script defer src="./js/bundle.d5c5844848e3d2f8ffc5.js"></script> <link rel='stylesheet' href='fonts/fontawesome/css/fontawesome.min.css'> <link rel='stylesheet' href='fonts/fontawesome/css/brands.min.css'> <link rel='stylesheet' href='fonts/fontawesome/css/solid.min.css'> <!-- Google Tag Manager (noscript) --> <noscript><iframe src='https://www.googletagmanager.com/ns.html?id=G-89WX477ZQJ' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Register service worker --> <!-- Detects updates to service worker - if detected, displays a notification and reloads the page --> <script type='text/javascript'> if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker && navigator.serviceWorker.register('./sw.js').then(registration => { let refreshing = false; navigator.serviceWorker.addEventListener('controllerchange', event => { if (!refreshing) { showNotification({ text: 'New verison available! Refreshing...' }); setTimeout(() => { window.location.reload(); refreshing = true; }, 1000); } }); }); }); } </script> </head> <body class='index'> <div class='container-nav'> <div class='container'> <nav> <a href='./' class='logo' title='Home'> <img alt='logo' src='img/logo_nav.svg' height='22' width='250'> </a> <address class='social'> <a href='mailto:[email protected]' title='Email' class='icon icon-email'><i class='fas fa-envelope'></i></a> <a href='https://github.com/nikkifurls' title='GitHub' class='icon icon-github'><i class='fab fa-github'></i></a> <a href='https://www.paypal.com/donate?hosted_button_id=M7MMF3EWQTLKG' title='Paypal' class='icon icon-paypal'><i class='fab fa-paypal'></i></a> <a href='#' class='share icon icon-share' title='Share'><i class='fas fa-share-alt'></i></a> </address> </nav> </div> </div> <header class="image-background"style="background-image:url(img/background.webp)"> <div class='container'> <div class='text'> <hgroup> <h1 class='title'>Hi! I'm Nicole</h1> <p class='description'>I'm a Software Engineer working on building a better world for us all</p> </hgroup> </div> </div> </header> <main role='main'> <div class='container'> <section class="projects"> <h2 class="projects__heading">Projects</h2> <ul class="projects__list"> <li class="projects__list-item"> <b>PWA Generator</b>: a static site generator that builds and deploys Progressive Web Apps to Netlify <i>(in progress)</i> <a href="https://github.com/nikkifurls/pwagenerator" title="PWA Generator GitHub" class="projects__list-item-icon icon icon-github"><i class="fab fa-github"></i></a> </li> <li class="projects__list-item"> <a href="https://dogsafefoods.com" title="Dog Safe Foods Website">Dog Safe Foods</a>: a Progressive Web App that allows you to instantly determine whether a certain food is safe for dogs to consume <a href="https://github.com/nikkifurls/dogsafefoods" title="Dog Safe Foods GitHub" class="projects__list-item-icon icon icon-github"><i class="fab fa-github"></i></a> </li> <li class="projects__list-item"> <a href="https://catsafefoods.com" title="Cat Safe Foods Website">Cat Safe Foods</a>: a Progressive Web App that allows you to instantly determine whether a certain food is safe for cats to consume <a href="https://github.com/nikkifurls/catsafefoods" title="Cat Safe Foods GitHub" class="projects__list-item-icon icon icon-github"><i class="fab fa-github"></i></a> </li> <li class="projects__list-item"> <a href="https://simplepwa.com" title="Simple PWA Website">Simple PWA</a>: a Progressive Web App template that provides the minimum file structure needed to create a PWA <a href="https://github.com/nikkifurls/simplepwa" title="Simple PWA GitHub" class="projects__list-item-icon icon icon-github"><i class="fab fa-github"></i></a> </li> <li class="projects__list-item"> <a href="https://dev.nicolefurlan.com" title="Gmail Analyzed Website">Gmail Analyzed</a>: a Progressive Web App that analyzes your inbox and provides a list of the email senders that are clogging it up <i>(in progress)</i> <a href="https://github.com/nikkifurls/gmailanalyzed" title="Gmail Analyzed GitHub" class="projects__list-item-icon icon icon-github"><i class="fab fa-github"></i></a> </li> </ul> </section> <section class="skills"> <h2 class="skills__heading">Skills</h2> <ul class="skills__list"> <li class="skills__list-item">Apache</li> <li class="skills__list-item">Composer</li> <li class="skills__list-item">CSS/Sass</li> <li class="skills__list-item">Elasticsearch</li> <li class="skills__list-item">Git</li> <li class="skills__list-item">Google Analytics</li> <li class="skills__list-item">Google Search Console</li> <li class="skills__list-item">Google Tag Manager</li> <li class="skills__list-item">Gutenberg</li> <li class="skills__list-item">HTML</li> <li class="skills__list-item">JavaScript</li> <li class="skills__list-item">Laravel</li> <li class="skills__list-item">MySQL</li> <li class="skills__list-item">Node</li> <li class="skills__list-item">NPM</li> <li class="skills__list-item">PHP</li> <li class="skills__list-item">PHPUnit</li> <li class="skills__list-item">Progressive web apps</li> <li class="skills__list-item">React</li> <li class="skills__list-item">Shell scripting</li> <li class="skills__list-item">TypeScript</li> <li class="skills__list-item">Unix command line</li> <li class="skills__list-item">Webpack</li> <li class="skills__list-item">WordPress</li> </ul> </section> <section class="education"> <h2 class="education__heading">Education</h2> <div class="education__item"> <h3 class="education_item-title">Master of Software Engineering</h3> <p><a href="https://psu.edu">Penn State University</a> <i>(remote, 2011-2012)</i></p> <p><a href="https://www.worldcampus.psu.edu/degrees-and-certificates/software-engineering-masters/courses">Coursework</a> focused heavily on each phase of the software development life cycle</p> </div> <div class="education__item"> <h3 class="education_item-title">Bachelor of Science, Computer Science</h3> <p><a href="https://umassd.edu">University of Massachusetts</a> <i>(Dartmouth MA, 2007-2010)</i></p> <p><a href="https://www.umassd.edu/engineering/cis/undergraduate/curriculum-and-courses/" rel="noopener">Coursework</a> built a strong foundation of computer science with programming in C and Java</p> </div> </section> <section class="experience"> <h2 class="experience__heading">Experience</h2> <div class="experience__item"> <a href="https://alley.com" class="experience__item-link"><h3 class="experience__item-title">Alley</h3></a> <i>(remote, 2021-current)</i> <ul class="experience__item-list"> <li class="experience__item-list-item">Built, maintained, and fixed issues with enterprise-level websites built with WordPress</li> <li class="experience__item-list-item">Built, maintained, and fixed issues with features built with PHP, JavaScript, and React - including the WordPress Gutenberg editor</li> <li class="experience__item-list-item">Worked on agile teams using the Scrum development methodology</li> </ul> <details class="experience__item-details"> <summary class="experience__item-details-summary"><strong>Senior Software Engineer</strong></summary> <ul class="experience__item-details-list"> <li class="experience__item-details-list-item">Built features and fixed issues with enterprise-level WordPress websites <a href="https://nypost.com">The New York Post</a>, <a href="https://nationalreview.com">National Review</a>, and <a href="https://bassmaster.com">Bassmaster</a> using PHP, JavaScript, TypeScript, and React</li> <li class="experience__item-details-list-item">Migrated <a href="https://cacm.acm.org/">Communications of the ACM</a> to a redesigned WordPress theme with various new features built using PHP and JavaScript <i>(not yet launched)</i></li> <li class="experience__item-details-list-item">Built a Laravel-based application that tracks the Google Lighthouse metrics for internal and client websites</li> <li class="experience__item-details-list-item">Used Git for code version control</li> <li class="experience__item-details-list-item">Conducted code reviews to ensure functionality and quality</li> <li class="experience__item-details-list-item">Wrote technical documentation for other staff members</li> <li class="experience__item-details-list-item">Kept on top of new trends for websites and web applications</li> </ul> </details> </div> <div class="experience__item"> <a href="https://mercyforanimals.org" class="experience__item-link"><h3 class="experience__item-title">Mercy for Animals</h3></a> <i>(remote, 2015-2019)</i> <ul> <li class="experience__item-list-item">Built, maintained, and fixed issues with websites and web applications, including a large existing codebase with minimal documentation</li> <li class="experience__item-list-item">Hired and managed a team of three web developers</li> <li class="experience__item-list-item">Wrote and reviewed a large amount of technical and non-technical documentation</li> </ul> <details class="experience__item-details"> <summary class="experience__item-details-summary"><strong>Associate Director of Web Development</strong> <i>(2018-2019)</i>, <strong>Full Stack Web Developer</strong> <i>(2016-2018)</i></summary> <ul class="experience__item-details-list"> <li class="experience__item-details-list-item">Communicated with other departments and developed software solutions to address their technical needs</li> <li class="experience__item-details-list-item">Advised and guided the organization on higher-level technical functionality and planning</li> <li class="experience__item-details-list-item">Assisted with creating, updating, and fixing issues with websites and web applications written in HTML, CSS, JavaScript, PHP, and MySQL including a large existing codebase with minimal documentation</li> <li class="experience__item-details-list-item">Assisted in creating and maintaining a large library of technical documentation for both technical and non-technical staff members</li> <li class="experience__item-details-list-item">Used Git for code version control and managed large code base with multiple users</li> <li class="experience__item-details-list-item">Built team of three developers, including analyzing team needs, creating job postings, interviewing candidates, and selecting new hires</li> <li class="experience__item-details-list-item">Managed and mentored team members</li> <li class="experience__item-details-list-item">Managed projects, eliminated roadblocks, delegated tasks according to team member suitability and workload</li> <li class="experience__item-details-list-item">Conducted code reviews to ensure functionality and quality</li> <li class="experience__item-details-list-item">Kept on top of new trends for websites and web applications</li> </ul> </details> <details class="experience__item-details"> <summary class="experience__item-details-summary"><strong>Web Developer (2015-2016)</strong></summary> <ul class="experience__item-details-list"> <li class="experience__item-details-list-item">Built, updated, and fixed issues with websites and applications written in HTML, CSS, JavaScript, PHP, and MySQL</li> <li class="experience__item-details-list-item">Used Git for code version control</li> <li class="experience__item-details-list-item">Wrote technical documentation for both technical and non-technical staff members</li> <li class="experience__item-details-list-item">Kept on top of new trends for websites and web applications</li> </ul> </details> </div> <div class="experience__item"> <a href="https://animaloutlook.org" class="experience__item-link"><h3 class="experience__item-title">Animal Outlook</h3></a> <i>(remote, 2013-2015)</i> <ul> <li class="experience__item-list-item">Built, maintained, and fixed issues with websites and web applications</li> <li class="experience__item-list-item">Built and maintained a LAMP server</li> <li class="experience__item-list-item">Wrote a large amount of technical and non-technical documentation</li> </ul> <details class="experience__item-details"> <summary class="experience__item-details-summary"><strong>Director of Technology</strong> <i>(2013-2015)</i>, <strong>Web Developer</strong> <i>(2013)</i></summary> <ul class="experience__item-details-list"> <li class="experience__item-details-list-item">Developed and maintained WordPress themes, plugins, and 3rd party integrations in HTML, CSS, JavaScript, PHP, and MySQL</li> <li class="experience__item-details-list-item">Migrated several websites to WordPress with the goal of non-technical staff maintainability</li> <li class="experience__item-details-list-item">Built and maintained a secure and reliable Linux server with Apache, MySQL, and PHP (LAMP), which hosted a large number of websites</li> <li class="experience__item-details-list-item">Set up and used Git for code version control</li> <li class="experience__item-details-list-item">Developed graphics using Adobe Photoshop upon request</li> <li class="experience__item-details-list-item">Reviewed and edited web content and layout</li> <li class="experience__item-details-list-item">Developed and maintained documentation with the level of user technical expertise in mind</li> <li class="experience__item-details-list-item">Coordinated and/or assisted with other projects as determined</li> <li class="experience__item-details-list-item">Designed and sent out newsletters using Mailchimp</li> <li class="experience__item-details-list-item">Set up tracking on websites including Google Search Console, Google Analytics, and Google Adwords</li> <li class="experience__item-details-list-item">Contributed to strategies for driving traffic to websites, including writing blog articles as time allowed</li> <li class="experience__item-details-list-item">Continuously searched for ways to improve websites</li> </ul> </details> </div> <div class="experience__item"> <a href="https://gdmissionsystems.com" class="experience__item-link"><h3 class="experience__item-title">General Dynamics</h3></a> <i>(Taunton MA, 2008-2013)</i> <ul> <li class="experience__item-list-item">Wrote, tested, and fixed embedded software</li> <li class="experience__item-list-item">Managed the software release process for our engineering team</li> <li class="experience__item-list-item">Wrote and reviewed technical documentation</li> </ul> <details class="experience__item-details"> <summary class="experience__item-details-summary"><strong>Software Engineer</strong> <i>(2010-2013)</i>, <strong>Software Engineering Intern</strong> <i>(2008-2010)</i></summary> <ul class="experience__item-details-list"> <li class="experience__item-details-list-item">Wrote software for embedded systems in C and Java</li> <li class="experience__item-details-list-item">Tested software and fixed bugs in C and Java</li> <li class="experience__item-details-list-item">Worked in collaboration with other teams and departments in a large organization</li> <li class="experience__item-details-list-item">Managed the entire software release process for a large team of engineers</li> <li class="experience__item-details-list-item">Wrote and reviewed documentation for other technical users</li> </ul> </details> </div> </section> </div> </main> <footer> <div class='container'> <p class='image-credit'>Photo by <a href="https://pbase.com/tclout/root" alt="Thomas Cloutier Photography">Thomas Cloutier Photography</a></p> <p class='tech-credit'>Built with <a href='https://github.com/nikkifurls/pwagenerator' title='PWA Generator GitHub'>PWA Generator</a></p> <section class='links'> <a href='./disclaimer'>Disclaimer</a> <a href='./privacy-policy'>Privacy Policy</a> <a href='./terms-and-conditions'>Terms and Conditions</a> </section> </div> </footer> <div class='container-nav'> <div class='container'> <nav> <a href='./' class='logo' title='Home'> <img alt='logo' src='img/logo_nav.svg' height='22' width='250'> </a> <address class='social'> <a href='mailto:[email protected]' title='Email' class='icon icon-email'><i class='fas fa-envelope'></i></a> <a href='https://github.com/nikkifurls' title='GitHub' class='icon icon-github'><i class='fab fa-github'></i></a> <a href='https://www.paypal.com/donate?hosted_button_id=M7MMF3EWQTLKG' title='Paypal' class='icon icon-paypal'><i class='fab fa-paypal'></i></a> <a href='#' class='share icon icon-share' title='Share'><i class='fas fa-share-alt'></i></a> </address> </nav> </div> </div> <dialog class="notification"> <div class='container'> <p></p> <span role='img' class='close icon icon-close' title='Close'><i class='fas fa-times'></i></span> </div> </dialog> </body> </html>