Lidl Store Search Platform

Enterprise-scale store discovery platform deployed across multiple European markets with CI/CD automation and regionalization

A large-scale international store search platform developed for Lidl, enabling users to discover nearby stores using live geolocation, interactive Bing Maps visualization, and advanced filtering capabilities. The platform was deployed across multiple European regions using Azure DevOps CI/CD pipelines, with strong focus on accessibility, testing automation, and regional customization.

Visit Live View Source

TYPEEnterprise Fullstack Web Application

JOINEDMay 1, 2025

ROLEJunior Professional Software Engineer

ENDEDOct 1, 2025

TECH STACK

VUE.JS

NUXT.JS

TYPESCRIPT

AZURE DEVOPS

POSTGRESQL

PLAYWRIGHT

BING MAPS API

ONXY

ODJ

STACKIT CLOUD

What I Worked On

Large-scale retail platforms require high reliability, regional customization, and strong operational discipline to ensure consistent service across multiple countries. Managing deployments across multiple production environments requires careful CI/CD orchestration and validation strategies.

This project demonstrates enterprise-level engineering practices, including CI/CD automation, testing pipelines, UI accessibility compliance, and regional customization mechanisms. The platform integrates mapping systems, backend scheduling logic, and frontend synchronization to provide accurate and responsive store discovery.

Every component was designed to support scalability and localization: Vue and Nuxt provided reactive UI architecture, Azure DevOps enabled automated deployments, PostgreSQL handled regional store data, and Playwright ensured continuous reliability through automated testing.

Architecture Overview

The platform follows a modular fullstack architecture where frontend components communicate with location-based APIs and backend services. CI/CD pipelines automate deployment workflows, while state synchronization ensures real-time consistency between UI elements and map visualization.

Frontend Interface

Vue.js and Nuxt.js components render store search UI, manage filters, synchronize map pins with store cards, and handle localization for multiple languages.

Mapping & Geolocation

Microsoft Bing Maps API provides store visualization, geolocation support, and interactive map rendering tied to store search results.

Deployment Infrastructure

Azure DevOps pipelines manage build validation, QA testing, and production releases across multiple regional environments.

Backend Scheduling

PostgreSQL and CRON job scheduling maintain regional store data synchronization and support automated backend operations.

Frontend state synchronized between list view and map components, ensuring consistent UI updates across multiple interactive elements.

Core Features

Store Discovery & Map Synchronization

Users can discover nearby stores using live location data and visualize them on interactive maps with synchronized UI behavior.

• Live Location SearchImplemented 'Use My Location' functionality to identify nearby stores based on real-time geolocation.

• Map SynchronizationDeveloped state synchronization between store lists and Bing Maps pins to maintain UI consistency.

• Advanced FilteringImplemented filtering logic to dynamically refine store search results based on user-selected criteria.

Deployment & CI/CD Automation

Continuous deployment workflows ensured reliable and repeatable delivery of new features across multiple regions.

• Multi-Region DeploymentManaged deployments across multiple European regions with country-specific configurations.

• Azure DevOps PipelinesConfigured and executed CI/CD pipelines to automate build, validation, and release processes.

• Production MonitoringVerified deployments through QA validation processes before promoting builds to production.

Regional Personalization System

Custom logic allowed store results to adapt dynamically based on geographic location and user behavior.

• Cookie-Based Region DetectionDeveloped scripts to store region-specific user data such as location and store ID.

• Localization SupportRefactored shared components to support multiple country languages.

• Regional Data OptimizationOptimized data flow to improve store discovery performance across regions.

Backend Systems

CI/CD Infrastructure

Azure DevOps pipelines automated testing, deployment, and release validation across QA and production environments.

Automated Testing Framework

Playwright End-to-End tests validated UI workflows and ensured regression safety during feature updates.

Database Operations

PostgreSQL database upgrade and CRON job scheduling ensured stable backend synchronization across regions.

Accessibility Compliance

UI components were optimized to meet accessibility standards, improving usability for screen readers and assistive technologies.

Key Decisions

State Synchronization Between Map & UI

Maintaining synchronized state between map markers and list views ensured consistent visual feedback for users interacting with store results.

CI/CD Automation for Multi-Region Scaling

Using Azure DevOps pipelines enabled reliable multi-country deployment processes with reduced manual overhead.

Component Refactoring for Localization

Refactoring shared Vue components reduced duplication and allowed easier localization across multiple languages.

Automated Testing Integration

Implementing Playwright testing minimized regression risk and accelerated release cycles.

What I Learned

Enterprise deployment requires discipline

Managing deployments across multiple regions taught the importance of automation, validation, and rollback safety.

Testing is essential for scaling systems

End-to-End testing significantly reduced defects and improved confidence during production releases.

Accessibility improves real-world usability

Fixing accessibility issues highlighted the importance of designing inclusive user interfaces.

Localization increases engineering complexity

Supporting multiple languages required careful component design and consistent configuration management.