Frontend Solution/Technical Architect - React.js Framework (8-12 yrs)

About Freight Tiger :

Freight Tiger is Indias largest software-enabled neutral freight network today. We have built anintelligent operating system, on-ground expertise, and a digital platform that together enhance every step of the logistics process. With our help, customers in traditional industries move material to their customers with full visibility, predictability and speed, all at lower cost. We do this through three products :

1. Cloud-based TMS (Transportation Management Software) & Visibility platform.

2. Freight Assignment platform to facilitate efficient freight procurement by Shippers via Logistics Service Providers.

3. Marketplace platform designed to seamlessly align demand and supply of trucks pan-india.

We take pride in processing an impressive 4% of Indias total freight on our platform, serving a vast network of 400+ shippers, 1500+ logistics service providers (LSPs), across 90,000+ locations. Our exceptional clientele includes over 300 industry titans, among them Saint Gobain, Dalmia Group, JSW Steel, ITC, DHL, MRF, and Pernod Ricard. We have tier-1 investors such as Lightspeed Venture Partners, Munjal Family Trust, Florintree Infra (founded by Former CEO of Blackstone Group India), and Aroa Ventures (Family office of Oyo founder). Moreover, we have notable individual investors, such as Founders of Transporeon - Peter Forster & Marc-Oliver Simon, CEO of Transplace Francis McGuigan, Hermann Ude - Chairman of Transporeon and former CEO of DHL Global Freight Forwarding.

Working Days : 5 days/week

Role & Responsibilities :

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.

Ideal Candidate :

- 8+ years of experience in front-end development, with at least 35 years in technical/architectural leadership roles across web and mobile platforms.

- Expert in React.js and React Native, with hands-on experience designing and building scalable, modular applications using modern front-end frameworks and reusable component libraries.

- Strong geospatial capabilities proven experience integrating and optimizing mapping solutions (e.g., Google Maps, HERE Maps) with features like routing, clustering, and overlays.

- Mobile-first mindset, with deep knowledge of responsive UI design, performance optimization for low-bandwidth environments, and cross-platform compatibility.

- Architectural expertise in modular design, micro-frontends, SSR/SSG, PWAs, and cross-platform solutionsideally with experience in monorepo environments and BFF patterns.

- Technical leadership skills, including mentoring developers, enforcing best practices, driving autonomous development, and aligning technical solutions with business needs.

- CI/CD & DevOps familiarity strong understanding of build tools (Webpack, Vite, Metro), containerization (Docker), and deployment automation using Jenkins, GitLab CI, etc.

- Security, accessibility, and testing focuscapable of implementing WCAG-compliant UIs, secure data handling, and robust test strategies using tools like Jest, Cypress, Detox, and Appium.