Technical Overview

Member Center (original name) was renamed on the front end to the Supporter Center, per client request. We use the name interchangeably.

This code contains the full functionality of the member center, an application a user sees once they click on My Account while logged in.

Code structure

• /src/js/member-center/stc-member-center.js - Initializes JavaScript execution on document ready.
• /src/js/member-center/member-center.js - Contains the details of the member center vuew app.
• /src/js/member-center/router.js - Contains all member center routes, virtual page navigations.
• /src/js/member-center/components/*.js - Contains the Vue helper components that are used by the components from /src/js/member-center/views/*.js.
• /src/js/member-center/library/*/js - Contains a library of helper functions.
• /src/js/member-center/mixins/*.js - Contain mixins used by one or more components.
• /src/js/member-center/views/*.js - Contains the Vue components that represent the virtual pages.
• /src/js/member-center/vuex/*.js - Contains Vuex state parameter, default Vuex states, mutations and actions.