Project Overview

Liveable - UrbanTech & PropTech

Liveable is a platform dedicated to enhancing the quality of urban living by providing innovative solutions for sustainable and efficient housing in Nigeria.

Next Js
Turbo Repo
React Js
Redux
Laravel
MySQL DB
Docker

Role & Achievements/Contributions

My Role: Senior Frontend Engineer/Frontend Lead

Key Contributions and Achievements:

  • Built a robust component library for the team, leveraging Storybook for seamless documentation and collaboration.
  • Analyzed existing codebases and developed utility functions, custom hooks, an icon library, and React/Next.js starter kits, all documented with Docusaurus.
  • Established a scalable micro-frontend architecture, integrating multiple services with a unified authentication system.
  • Mentored three frontend engineers, nurturing their growth and enhancing team productivity.
  • Actively participated in sprint planning, strategic meetings, and code reviews, driving high-quality deliverables.

Project Journey

The Road to Enhanced Urban Living Solutions:

The project began with a deep dive into the existing system, identifying areas for improvement and scalability. My primary focus was on building a robust component library to ensure consistency and efficiency in UI development.

I introduced micro-frontend architecture to enable modular service development, with a unified authentication system ensuring seamless integration across the platform. Alongside these architectural improvements, I developed starter kits and tools to accelerate onboarding and development.

Mentorship played a pivotal role in the journey, as I worked closely with three frontend engineers to upskill them, ensuring they became integral contributors to the project.

Challenges & Solutions

Turning Obstacles into Opportunities:

1.Legacy Codebase and Inconsistencies:

  • The platform's existing codebase lacked standardization.
  • Solution: Introduced a unified component library, utility tools, and starter kits, reducing technical debt and improving team efficiency.

2.Scalability Requirements:

  • Building a micro-frontend architecture that allowed for independent module development while maintaining a cohesive user experience.
  • Solution: Designed and implemented an architecture that balanced modularity with seamless integration.

3.Team Development:

  • Addressing skill gaps within the team while meeting project deadlines.
  • Solution: Provided hands-on mentoring and technical guidance, tailored to each engineer's strengths and areas for improvement.

Lessons Learned

Insights for the Future:

  • Deepened Technical Expertise: Enhanced my knowledge of microservices and micro-frontend architecture, which I've since applied to other projects.
  • Documentation as a Tool for Success: Leveraging tools like Storybook and Docusaurus significantly improved team collaboration and onboarding processes. efficiency.
  • Leadership Beyond Code: Mentorship taught me to be patient, empathetic, and proactive in helping team members succeed.
  • Responsibility in Engineering: The CTO's guidance emphasized the importance of precision and accountability in building solutions that serve users reliably.

Results and Impact

Delivering Measurable Results:

  • The component library and tools reduced development time by 30%, enhancing team productivity.
  • The micro-frontend architecture enabled scalable service development while maintaining platform cohesion.
  • Improved onboarding and collaboration through comprehensive documentation and starter kits.
  • Mentored engineers who now thrive in their roles, contributing to the tech space.
  • Delivered a scalable and maintainable platform that supports sustainable urban housing solutions in Nigeria, positively impacting communities.

Let's architect

the future

together

Alabura Usman

[email protected]+234 902 766 1950

© 2025 Alabura Usman. All Rights Reserved.

Delivering Impact, One Project at a Time.

ServicesAboutProjects