Graana

case study

Problem

Imarat’s Graana, a comprehensive real estate marketplace, needed a robust and scalable platform to manage the complex operations of buying, selling, and renting properties. The challenge was to ensure seamless handling of heavy traffic, provide an intuitive user experience, and maintain high performance across different services such as houses, flats, plots, and shops. This required the integration of multiple microservices, a responsive and dynamic UI, and a reliable backend infrastructure. Additionally, secure user authentication and property management functionalities were essential to enhance user trust and operational efficiency.

Solution & Impact

To address these challenges, the application was architected using microservices to improve scalability and traffic management. The UI was developed using NextJS along with the MUI library for a responsive and customizable interface, with root-level theme customization to align with the brand’s design guidelines. The backend was powered by Node.js and Express, ensuring efficient handling of API requests, while Sequelize ORM facilitated smooth interactions with a PostgreSQL database. For user authentication, AWS Cognito was integrated to provide secure and scalable user management.

My Role

  • Front End Developer (Next JS)
  • User Experience
  • UI Developer
My primary role was focused on the front-end development of the real estate marketplace application. I was responsible for creating intuitive and user-friendly onboarding screens to facilitate smooth authentication flows using AWS Cognito. Additionally, I developed dynamic Add and Edit Property screens, ensuring users could easily manage their property listings. My work involved utilizing NextJS for the UI layer, integrating the MUI library for responsive design, and customizing the MUI theme at the root level to align with the brand’s aesthetics, thereby contributing to a seamless and engaging user experience.

Technologies Used