About The Role
We are seeking a seasoned and experienced Front-End Solution and Technical Architect with expertise in designing and delivering scalable web and mobile first applications. Work Experience in both web and mobile application development to lead the architecture, design and implementation of scalable, user-centric solutions.This role requires expertise in crafting seamless user experiences for mobile-first applications while ensuring compatibility across multiple platforms and devices.
This role combines technical leadership, architectural design, and hands-on implementation to build cutting-edge solutions with geospatial capabilities for interactive and dynamic user experiences.This role demands a strong understanding of front-end technologies, frameworks, and best practices for web/mobile platforms and mobile-first principles. Establish a sustainable front-end ecosystem that empowers teams to deliver high-quality applications efficiently while maintaining consistency and performance. You will be leading and responsible for defining the technical direction, mentoring front-end development teams, and ensuring high-quality delivery of projects.
Key Responsibilities
- Architecture and Technical Design
- Define and implement scalable, secure, and maintainable front-end architectures for web and mobile platforms.
- Design and integrate mapping solutions, including features such as geocoding, routing, clustering, and custom overlays.
- Develop cross-platform solutions using modern frameworks like React.js and React ecosystem.
- Experience and Exposure to React Native, Flutter, or Angular will be an added advantage.
- Promote the adoption of autonomous development principles, enabling teams to work independently while adhering to shared architectural standards.
- Establish best practices for front-end development, including component-based design and dependency management.
- Technical Leadership
- Define and drive the architectural vision for mobile-first front-end solutions.
- Collaborate with product managers, UX/UI designers, and backend teams to ensure a cohesive system design.
- Lead the technical direction of front-end development teams, ensuring alignment with architectural principles and best practices.
- Mentor and guide developers in advanced front-end and map integration techniques.
- Review and approve technical designs, implementation plans, and code for quality and performance.
- Mobile-First Strategy
- Design and implement responsive, touch-friendly user interfaces optimized for mobile devices.
- Ensure performance optimization for low-bandwidth networks and mobile platforms.
- Front-End Development(Reusable Component Development)
- Proven experience in designing and maintaining shared component libraries.
- Build and maintain a centralized library of reusable components for mobile and web platforms.
- Ensure components are modular, accessible, and compatible across frameworks like React.js, React Native.
- Work closely with design teams to align components with design systems and branding guidelines.
- Optimize components for performance, scalability, and usability.
- Integrate front-end solutions with APIs and backend services.
- Dependency Management
- Define and enforce strategies for managing third-party libraries and frameworks.
- Automate dependency updates, vulnerability scanning, and risk mitigation.
- Minimize risks associated with dependency conflicts and breaking changes through version control and proper dependency selection.
- Regularly review and optimize the dependency footprint to reduce bundle sizes and improve application performance.
- Autonomous Development Enablement
- Foster an environment where teams can work autonomously by providing well-defined architectural patterns, guidelines, and reusable resources.
- Implement tools and processes that support decentralized decision-making while maintaining architectural integrity.
- Establish communication channels for knowledge sharing and issue resolution across teams.
- Build and Deployment Optimization
- Design and implement efficient build pipelines for web and mobile applications using tools like Webpack, Metro, Vite, or Rollup.
- Knowledge of containerization tools like Docker for setting up development environments.
- Familiarity with CI/CD tools for automated builds and deployments (e.g., Jenkins, Gitlab CI).
- Collaborate with DevOps teams to create CI/CD pipelines that streamline testing, building, and deployment processes.
- Ensure smooth deployment of mobile applications (e.g., via App Store, Play Store) and web applications (e.g., CDNs, edge networks).
- Knowledge of cloud platforms (AWS, GCP, Azure).
- Map Integration Expertise
- Implement advanced mapping features using APIs such as Google Maps, HERE Map, or similar mapping libraries.
- Build interactive maps with features like real-time location tracking, dynamic markers, polygons, and heatmaps.
- Ability to implement features like geocoding, directions, custom markers, clustering, and overlays.
- Ensure maps are optimized for performance, responsiveness, and seamless user interaction across devices.
- Collaboration and Solution Delivery
- Evaluate technical requirements and provide detailed implementation roadmaps.
- Collaborate with stakeholders to translate business needs into technical specifications.
- Manage timelines and deliverables for front-end development projects.
- Work closely with UI/UX designers to deliver intuitive and visually appealing interfaces with integrated map components.
- Collaborate with back-end teams to define data structures and API contracts for geospatial data.
- Partner with stakeholders to ensure technical solutions align with business objectives and customer needs.
- Performance Optimization
- Optimize web and mobile applications for speed, scalability, and resource efficiency, particularly for map-heavy interfaces.
- Use techniques such as lazy loading, caching, and clustering to handle large datasets on maps.
- Testing and Quality Assurance
- Ensure the delivered product is reliable, maintainable, and provides a high-quality user experience.
- Establish and enforce coding standards, best practices, and documentation.
- Optimize front-end performance using techniques like lazy loading, asset compression, and code splitting.
- Incorporate a comprehensive testing strategy, from unit tests to end-to-end (E2E) tests, as well as continuous monitoring for performance, security, and accessibility.
- Define and implement testing strategies for map features, including edge cases for geospatial data.
- Use tools like Jest, Cypress, Detox, and Appium for automated testing of web and mobile platforms.
- Strong debugging skills using tools like Chrome DevTools, React DevTools, and mobile debugging environments.
- Security and Accessibility
- Implement secure practices for handling sensitive application data (e.g., token-based authentication for API calls).
- Ensure map and application interfaces comply with accessibility standards.
Architectural Knowledge
- Strong understanding of component-based architecture, micro-frontends, Modular development, and cross-platform solutions.
- Knowledge of Server-Side Rendering (SSR), Static Site Generation (SSG), Backend for frontend (BFF), and Progressive Web Applications (PWAs).
- Familiarity with integrating geospatial data services (e.g., GeoJSON, shapefiles) and APIs.
- Experience with monorepos.
- Strong knowledge of responsive design principles and mobile-first development.
- Familiarity with RESTful APIs, GraphQL, and headless CMS integrations.
