Planning Space

Planning Space is a supply chain solution that acts as a centralized hub for all configured processes, scenarios, and views. It includes dashboards and filters to help users visualize data, making it easier to plan and predict supply and demand effectively.

My Role

With my expertise in react, I was responsible for designing efficient, reusable UI components, integrating third-party services, and collaborating with cross-functional teams to deliver the best results.

• Performance Improvements: Addressed a client’s feedback regarding slow initial load time and navigation issues by implementing the following:

1. Used a Content Delivery Network (CDN) to reduce latency and improve initial load time.

2. Applied code splitting to reduce the size of the initial JavaScript bundle.

3. Added an LRU cache layer for selected APIs to make navigation between pages smoother.

• Feature Toggle Enhancements: Overcame challenges with the existing internal feature toggle service by adopting Harness.io, providing a better feature toggle experience for customers.

• Codebase Upgrade: Updated the codebase from MUI 4 to MUI 5 to use new component features and support React 18. Replaced Enzyme with React Testing Library for better testing compatibility. Upgraded React Router from v5 to v6 to take advantage of improved routing features. These updates made the codebase easier to maintain, more scalable, and ready for future needs.

Technologies Used

React.js 18, Plain Redux, React Router v6, Material UI v5, Jest & React Testing Library (unit and integration tests), WebDriver.io (automation testing).

Impact

I proactively communicated with the team, prioritized tasks crucial to client trust, and focused on addressing client concerns directly or indirectly to ensure a seamless user experience.