Tammy Hart

Frontend Engineer & Designer

SmartlySmartly

Schooled in the Business of Software

Responsibilities

  • UX/UI Design: Improved design offerings for online MBA learning tool, enhancing the experience for thousands of users

  • Frontend Development: Achieved proficiency in Angular within three weeks, contributing independently and effectively

  • Project Management: Led the deployment of greenfield features, managing both design and engineering resources efficiently

Achievements

  • Education Platform: Added ability to track status of current courses to encourage program involvement and advancement

  • Career Network: Added feature for hiring teams to post open roles and track applications and conversations within the platform

  • Alumni Network: Added ability to search alumni with filters for interests, location, and more and view results on interactive map

  • Activity Timeline: Added feature for tracking activity that occurs on a user’s profile from application status, to cohort approval, and more

Tour Features

This set of functions from the Angular Smartly application was used to navigate between custom tour steps when we launched the new hiring tools.

View on Codepen
scope.tourSteps = ['post', 'source', 'inbox', 'invite'];
scope.tourStepIndex = 0;

scope.$watchGroup(['tourStepIndex', 'showTour'], () => {
    scope.tourStep = scope.showTour && scope.tourSteps[scope.tourStepIndex];
});

scope.gotoStep = index => {
    scope.tourStepIndex = index;
};

scope.previous = () => {
    if (scope.tourStepIndex > 0) {
        scope.tourStepIndex--;
    }
};

scope.next = () => {
    if (scope.tourStepIndex === scope.tourSteps.length - 1) {
        // finish tour
        if (!scope.currentUser.ghostMode) {
            scope.currentUser.show_hiring_manager_tour = false;
            scope.currentUser.save();
        }
        scope.showTour = false;
        scope.tourStep = null;
    } else {
        scope.tourStepIndex++;
    }
};

Tech Stack

  • Angular: The frontend framework for building the SPA

  • JavaScript: The language used to develop the frontend of the project

  • Ruby: The backend language used for data processing and the API

Case Studies