Mendix 9.6 : Building an e-Commerce Application [Advanced]

Create a blank Mendix 9.6 e-commerce app, enable online services, and configure production authentication to explore login screens, user roles, and anonymous users before building a custom login page.

Design a login page in Mendix 9.6 by creating a non-persistable anonymous entity with username, password, birthdate, and gender, and connect it via a data view and microflow.

Implement anonymous user registration in Mendix by extending the account from system user, adding attributes, and wiring a nano flow and register microflow to create and assign user roles.

Learn to apply a custom CSS to Mendix components, structure CSS files for login and register pages, and move away from inline styling toward a design system.

Reorganize the anonymous module by creating login, shared, utility, and register folders, moving micro flows and nano flows, and organizing layouts, views, regular expressions, and enums under the appropriate folders.

Redesign the my account page using css by adjusting the layout grid, setting a 50% width, centering the image, and applying a box shadow to the container.

Change the app theme by editing custom css variables in vscode, adjusting top bar and sidebar colors with hex codes, and previewing the results in the running project.

Explore non-persistable entities and their relationship to persistable ones, detailing three uses: import/export mappings, helper objects for data filtering, and in-memory data storage with hashed passwords.

Learn to filter products by price using a non-persistent product filter helper and a macro flow as a data source, then refresh the client to display filtered results.

Learn to assign random product categories to products with a Mendix microflow by selecting random category IDs, looping through products, updating in memory, and committing after the loop for performance.

Change the folder structure by creating new folders: products, micro flows, actions, data sources, pages, enums, and snippets, and moving related components into them to simplify the Mendix e-commerce project.

Learn to use the html snippet widget to inject custom html and javascript in a Mendix 9.6 e-commerce app, binding product data and displaying a hover popup.