Home and Home

A multi-vendor food delivery web application tailored for Sri Lankan home cooks to sell their culinary offerings. Replicating the user interface and experience of the UberEats mobile application was the major challenge of this project.

View github repo Visit demo website

Employer:

S. Indra

Contributions:

API integrationWebhook integrationFrontend development

Tools:

Next.jsRecoil

Challenges

Building this application came with two significant challenges. Firstly, replicating the user interface and user experience of the UberEats mobile application required meticulous attention to detail and design precision. Secondly, the development of custom webhooks to ensure the application was notified whenever restaurant data was updated. These webhooks played a crucial role in maintaining consistency in the application's data.

Solutions

To replicate the UberEats UI and UX, I conducted extensive research and delved deep into their implementations. I strived for pixel-perfect precision to ensure impeccable user experiences.

For the second challenge, I created and integrated custom webhooks into the application. These webhooks effectively notified the application when there were changes in restaurant data. As a result, the application could promptly update itself, ensuring that it remained up-to-date and responsive to any modifications.

Process

In the initial stages of this project, I collaborated closely with the client to brainstorm ideas and define the project's scope. I started the project by building the frontend of the application. I used NextJS as the framework of choice and modularized the entire application into smaller, easily maintainable components.

I connected these components to the provided APIs and conducted comprehensive testing to assess the application's performance and functionalities across various browsers. Additionally, I evaluated the core web vitals using tools like GTmetrix, ensuring optimal performance. The application excelled in these tests, and I successfully delivered the project to the client.