-
Pragmatic Drag & Drop
Exploring Atlassian’s new library, “Pragmatic Drag & Drop”, which offers more flexibility for drag-and-drop functionality across platforms. After initial setup struggles, the library was configured to my needs. The result is smoother drag-and-drop with visual enhancements and easier implementation compared to my custom solution. The library’s modularity and built-in functionalities are commendable. Read More
-
React to Angular
The document describes the transition from React to Angular and the challenges faced. Initially, there was success with React, but Angular was found to be slower, more complex, and requiring a more rigid structure. Specific frustrations include Angular’s reliance on TypeScript, the need for decorators, complicated state management, and excessive imports. React’s simpler lifecycle management,… Read More
-
Secrets Code Splitting
I setup the Angular application to have code-splitting for each route. I added pages to display the status of all portions of secrets, and edit database, encryption keys, and the cache server. Read More
-
Secrets UI
Busy day setting up secrets manager. Copied Angular project from error logs, implemented login/logout and basic UI. Needs work on database, encryption, and secure recovery. Delay of one day due to fatigue. Read More
-
Traces & Deployment
Streamlined deployment! Today I built a robust build script for the Angular application, enabling seamless deployment to the remote website via FTP. Additionally, I enhanced error and exception handling to provide valuable insights by including stack traces and requested URLs. To round things out, I made some final refinements to the application for optimal performance. Read More
-
Rate Limiting
For enhanced security, I’ve implemented account lockouts after failed login attempts to thwart brute-force attacks. Logins now feature progress spinners for smoother transitions, and automatic logout upon expired tokens. I’ve also blurred 2FA details for increased privacy, and added a button to streamline error reporting. Read More
-
Authentication Bearer
I created a login form and 2FA form, adding access controls to sensitive information within error logs. Endpoints were reconfigured to require a valid authorization header before allowing data to be returned. Read More
-
Editing Credentials
Today I created a form to edit the login credentials and two-factor authentication. I ported my 2FA class from PHP over to TypeScript, and displayed a QR Code to provision the secret into Google Authenticator. Read More
-
Search, Dialogs & Deployment
Today I deployed the error log application and added a few more features to navigate to the next/previous error log in a dialog using buttons or arrow keys, search for errors, highlight search terms, and lookup errors by their id. Read More
-
Error Log Details
Progress was made to display an individual error as well as request the details and date associated with it. Images are generated to show the relativity between multiple occurrences over time. Learning to use pagination, pipes, and modal dialog in Angular. Read More