Marina Ranenko, Responsive UI Developer in Calgary, AB, Canada
Marina Ranenko

Responsive UI Developer in Calgary, AB, Canada

Member since March 22, 2016
Marina is an expert front-end engineer with a focus on React, Redux, TypeScript, and SCSS. She is passionate about intuitive user interfaces, consistent user experience, and modular code, and is proficient in UI/UX. Marina has 20 years of web development experience overall.
Marina is now available for hire

Portfolio

  • Best Buy Canada
    React, TypeScript, Git, Redux, ECMAScript (ES6), Storybook
  • FIS Global
    Ember.js, Angular, TypeScript, Angular Material, SCSS, Bootstrap, Git
  • BaseVenture
    SCSS, Bootstrap, Ember.js, Git

Experience

Location

Calgary, AB, Canada

Availability

Part-time

Preferred Environment

SourceTree, MacOS, VS Code

The most amazing...

...project I've been a part of is FundManager.io. This product is helping the alternative investment industry simplify and modernize private fund administration.

Employment

  • Front-end Developer

    2021 - 2021
    Best Buy Canada
    • Built React components for the save-for-later functionality in the Best Buy online shopping cart.
    • Tested the new functionality on a variety of browsers and mobile devices; logged and fixed defects.
    • Created pull requests and participated in code reviews.
    Technologies: React, TypeScript, Git, Redux, ECMAScript (ES6), Storybook
  • Senior Front-end Engineer

    2019 - 2021
    FIS Global
    • Maintained the financial asset management application FundManager.io in Ember.js by making UI improvements and fixing defects.
    • Worked on the conversion of FundManager.io from Ember.js to Angular 11.
    • Added Angular Material components and customized an Angular Material theme to comply with the FIS style guide.
    • Built new Angular components for dynamic themes, navigation, and filters.
    Technologies: Ember.js, Angular, TypeScript, Angular Material, SCSS, Bootstrap, Git
  • Senior Front-end Engineer

    2016 - 2019
    BaseVenture
    • Completely redesigned the company‚Äôs flagship financial asset management application FundManager.io in Ember.js and developed an application style guide.
    • Designed and built new UI components for navigation, filters, date range picker, file upload, user preferences, administration, modal dialogs, and more.
    • Tested UI components in various supported browsers, fixed defects, and made improvements.
    Technologies: SCSS, Bootstrap, Ember.js, Git
  • Senior Front-end Developer (Contract)

    2015 - 2016
    Shaw
    • Worked with a team of front-end and back-end Java developers to redevelop Shaw.ca to include new TV plans.
    • Developed an AngularJS component to assist the customer in selecting the best TV plan, based on their viewing preferences.
    • Integrated and customized a multi-slide jQuery carousel to display various TV plans as well as TV+internet bundles.
    • Developed a "Quick View" jQuery plugin to display summary of details of the various Shaw TV+internet bundles.
    • Worked on fixing defects and maintenance of the project.
    Technologies: Bootstrap, Less, CSS, AngularJS, JavaScript
  • Front-end Developer (Contract)

    2015 - 2015
    The City of Calgary
    • Developed a responsive website for the Transportation and Infrastructure Department's Green Line project.
    • Integrated a responsive touch-friendly jQuery carousel to display the upcoming Green Line project events.
    • Integrated a number of dynamic components, including Twitter and Instagram feeds as well as Google Maps.
    • Worked on the conversion of the existing City of Calgary website to a responsive website.
    Technologies: SharePoint, Microsoft, Bootstrap, CSS, jQuery, JavaScript
  • Front-end Developer (Contract)

    2013 - 2014
    WestJet
    • Worked on a single-page web application for reserving and booking WestJet flights using Knockout.js.
    • Developed a validation framework for guest information to validate names, dates of birth, etc.
    • Developed a responsive website prototype for WestJet Vacations using AngularJS.
    Technologies: Testing, Jasmine, Bootstrap, Less, CSS, Knockout.js, AngularJS, jQuery, JavaScript
  • Web Developer (Contract)

    2012 - 2013
    Bennett Jones
    • Developed a new responsive website.
    • Created a custom jQuery plugin to display the latest in company news.
    • Developed custom back-end components in .NET (C#).
    Technologies: Ektron CMS, SQL, C#, .NET, Bootstrap, CSS, jQuery, JavaScript
  • Web Developer (Contract)

    2012 - 2012
    Spectra Energy
    • Developed a new website for a newly acquired branch of the company.
    • Created custom jQuery plugins.
    • Integrated existing components into the new website.
    Technologies: CSS, jQuery, JavaScript
  • Web Developer

    2011 - 2012
    Imaginet
    • Developed websites and web applications for clients using .NET (C#).
    Technologies: SQL, C#, .NET, CSS, jQuery, JavaScript
  • Web Developer

    2009 - 2010
    Anvil Digital
    • Developed websites and web applications for clients using .NET (C#).
    Technologies: SQL, C#, .NET, CSS, jQuery, JavaScript
  • Web Developer

    2007 - 2009
    Protegra
    • Developed websites and web applications for clients using .NET (C#).
    Technologies: SQL, C#, .NET, CSS, jQuery, JavaScript
  • Web Developer

    2006 - 2007
    McDiarmid Lumber
    • Contributed to the design and development of corporate and internal websites for the McDiarmid Lumber construction company and its divisions.
    • Updated online flyers and product sales information as required.
    Technologies: CSS, jQuery, JavaScript
  • Web Master/Office Assistant

    2001 - 2005
    Centre for Ukrainian Canadian Studies, University of Manitoba
    • Designed and developed the website for the Centre for Ukrainian Canadian Studies.
    • Updated the course schedule and online materials for each academic semester.
    Technologies: CSS, jQuery, JavaScript

Skills

  • Languages

    CSS, SCSS, HTML, JavaScript, TypeScript, ECMAScript (ES6)
  • Frameworks

    Bootstrap, Redux
  • Other

    Responsive UI, Storybook
  • Libraries/APIs

    React
  • Tools

    Git

Education

  • Certificate in Front-end Web Development
    2014 - 2017
    University of Calgary - Calgary, Canada
  • Bachelor's Degree in Computer Science
    1998 - 2003
    University of Manitoba - Winnipeg

To view more profiles

Join Toptal
Share it with others