← Back to projects
Admin PortalDashboard build

Toolin

Toolin is implemented as an Angular 18 portal/dashboard. It integrates Firebase using AngularFire and supports Microsoft identity authentication via MSAL (Azure AD). The app includes mapping functionality with Google Maps and Places Autocomplete integration, plus common UI utilities for notifications, modals, editors, and admin workflows.

Toolin

Tech stack

AngularTypeScriptFirebaseAngularFireAzure AD (MSAL)Google MapsGoogle PlacesRxJS

Challenges

  • •Implementing enterprise authentication patterns while keeping UX smooth
  • •Integrating maps/places UX and location-based workflows in an Angular dashboard
  • •Maintaining a modular UI with consistent alerts, notifications, and forms

Solutions

  • •Integrated MSAL for Azure AD sign-in and Firebase for backend services
  • •Used Google Maps + Places Autocomplete for location-based inputs and mapping screens
  • •Standardized UI patterns with reusable components and consistent notification flows

Impact

✓

Enterprise-ready authentication and integrations for a production admin portal

✓

Improved operator workflows via structured dashboard UI patterns

✓

Location-enabled features with Google Maps/Places integrations

Screenshots

Toolin screenshot 1

Project details

Role
Frontend Developer
Category
Admin Portal
Scope
Dashboard build

Links

Visit project ↗