Marjon Agency

Marjon Agency is a web platform for an advertising agency that places branded advertisements on vehicles. The public landing page presents company information and services, while authenticated partner companies can log in to monitor where their branded vehicles have traveled, which ads are actively running, and access detailed monthly reports. The system provides transparency, real-time visibility, and performance analytics for advertising campaigns.

Key Features

• Public landing page with company and service information
• Partner login system
• Live map tracking of branded vehicles
• Active advertisement status monitoring
• Monthly performance and movement reports
• Multilingual support
• Responsive and user-friendly interface

My Responsibilities

• Developed the Nuxt 3 frontend architecture with TypeScript
• Implemented public landing pages with SEO optimization
• Built authenticated partner dashboards
• Integrated map-based vehicle tracking using Leaflet and MapLibre
• Implemented monthly reporting and statistics views
• Managed state using Pinia
• Integrated multilingual support with Nuxt i18n

Advantages

• Real-time visibility of advertising vehicles on the map
• Transparent reporting for partner companies
• Clear separation between public landing and private dashboards
• Scalable and modular Nuxt 3 architecture
• Modern UI with responsive design