Leading a team to develop a real estate trading platform on Next.js 15 and Mapbox.
Key Features
Component Library: Built a set of modular, reusable UI components with ShadCn and Next, focusing on clear interfaces and abstractions.
Mapbox: Integrated drawing functionality to represent pre-constructed sites.
Documentation and Usage Guidelines: Developed comprehensive documentation with Storybook to showcase components, usage patterns, and best practices, ensuring the design system is easy to adopt by other teams.
Technologies Used
Next.js v15: App router, blazing speed and great SEO.
Mapbox: For custom building layers, polygons and markers.
ShadCn: Atomic UI component library based on RadixUI.
Typescript: For clear interfaces and bug-free code.
Challenges and Learnings
One key challenge was resolving the front and backend teams' traction, adopting technical solutions that would make the work most productive for both teams.
Developing custom Mapbox layers and drawing was a great learning experience as I had mostly worked with Google Maps APIs previously.
Outcome
The adopted technical solutions led to faster development cycles, fewer inconsistencies, and improved collaboration between front and backend development teams. The reusable component base has become the foundation for scaling our product efficiently while ensuring a cohesive design and user experience.
