Hi!
Bonjour!

I'm Kim, a front-end React developer.

Professional Experience

Foot Locker, Inc. logo
  • Senior front-end engineer
  • Foot Locker, Inc.
  • March 2017 - current
  • Work on multiple sprints teams to build and support a new front-end platform for Foot Locker’s multinational brands
  • Use React and TypeScript to create UIs and components, and Redux to manage application state
  • Focus on web accessibility, including focus management for keyboard interactions, ARIA attributes for screen reader announcements and visual considerations such as sufficient contrast.
  • Build isolated UI elements in Storybook
  • Build fully accessible common components, including tabs, accordions, tooltips and dropdowns
  • Lead refactoring efforts to address technical debt, including cart, checkout, header, forms, product details page and typeahead search
  • Assist in localizing the platform to support multiple languages and locales, following best practices
  • Ensure UI functions correctly in mobile devices, screen readers and common browsers
  • Review and approve the front-end team’s pull requests to ensure quality, consistency and accessibility compliance
  • Write unit and component tests using Jest
  • Build components that can be managed and configured in Adobe Experience Manager by non-technical teams
  • Work closely with UI/UX team to implement new designs aligned to style guides and brand standards
  • Participate in all Agile ceremonies
Grainger logo
  • Senior front-end developer
  • Grainger
  • December 2014 - March 2017
  • Built new features and maintained existing functionality on a large e-commerce website
  • Acted as lead front-end developer on a team responsible for improving user experience in searching and selecting products
  • Managed front-end development for a major tiered pricing project
  • Collaborated with product owners, back-end developers, UX/UI and QA in an agile environment
FCB logo
  • Associate front-end developer
  • FCB
  • July 2014 - December 2014
  • Coded and tested responsive HTML emails for a variety of clients in an agency environment
  • Created modular email templates to streamline the development process

Languages

  • JavaScript
  • TypeScript
  • React
  • Redux
  • HTML
  • CSS and preprocessors (Less, Sass)
  • Jest unit and component tests
  • Familiarity with webpack and build tools

Skills

  • Keyboard and screen reader accessibility
  • Agile methodology
  • Localization best practices
  • Highly collaborative with QA and UI/UX

Software

  • Git version control
  • Bitbucket and Github
  • Storybook
  • Figma
  • Browser developer tools
  • Jira project and issue tracking
  • BrowserStack and VM browser testing
  • Safari VoiceOver

What I've Been Doing Lately

  • All the React Hooks — state, reducers, context, effects!
  • Discovering the joys of using Hooks for building complex forms with React Hook Forms
  • Localization challenges such as pluralization, inserting dynamic values and translating ARIA attributes. (I even wrote a paper about localization as part of my Master's in Translation.)
  • CSS in JS — used for this portfolio
    
    export const Container = styled.div`
    	margin: 0 auto;
    	padding: 3rem;
    	color: ${(props) => props.color || '#000'}
    `
    
    
    CSS in JS code snippet

Education

M.A. Translation, French to English

Concordia University

Montréal, Quebec

September 2019 - December 2021

B.S. Journalism

University of Illinois

Urbana-Champaign, Illinois

September 2007 - May 2011

About Me

My name is Kim and I'm a front-end developer. I hail from Chicago but now call Montréal home. I love cats , cooking vegetarian dishes and hunting for vintage goods .

What I'm looking for

  • A front-end gig using React
  • E-commerce companies preferred
  • Must use Slack for communication (kidding, sort of)
  • Remote work or a hybrid model in Montréal

© Kimberly Hawthorne, 2021