Asgard — Client Dashboard

What it is

Asgard is the company's client-facing dashboard — the interface where clients track their account information and statistics. It's a full Angular application, running in containers with an automated deployment pipeline.

My role

I didn't build the application from scratch; I joined an existing project and worked on specific fronts:

• Developed a new support tab in the dashboard, giving clients visibility into:
  • Usage of their contracted support plan (how much of the available quota had been used);
  • Number of open and closed tickets;
  • Tickets awaiting a response from the client and tickets awaiting a response from the team;
  • Average response time for the client and average response time for the team.
• Standardized the project: I noticed developers were manually repeating the same code patterns across different screens, so I created a standardized structure to eliminate that rework.
• Modularized pages and components, making the code more reusable and easier to maintain.
• Restructured the color system, unifying its use across the entire project.
• Delivered frontend performance improvements as a result of these structural changes.

Tech Stack

• Angular
• TypeScript
• Containers (deployment)
• Automated deployment pipeline

Technical Highlights

• Modularized components and pages to reduce code duplication
• Standardized color system and styles across the application
• Frontend performance gains from the restructuring
• Worked on top of an existing codebase without breaking active functionality