Context

AYSCAN has a mobile app which users use to scan images in  books, magazines, flyers, etc, to get more information about different brands products and services. AYSCAN also has a web application which includes template builders which marketers use to create individual mobile screens for any photo within minutes using pre-defined templates, drag and drop elements without coding, and preview the results instantly. 

When we started our collaboration with the client the template builder and other parts of the website weren’t complete and poorly operated. We did a small part of the template builder. The client was so pleased that he wanted us to continue the development of the template builder and recreate the whole website from scratch using the latest technologies we offered. 

Challenge

The main challenge was to create a much better website than the current one taking into account the existing problems. The template builder was messy and didn’t work as was expected, the design was not attractive and there were many bugs in the pages and the construction, the database wasn’t designed well, the transfer of the images to third party services didn’t work perfectly, etc.

Solution

For solving the existing problems we changed the current template builder to a custom one from scratch, redid and redesigned the website using the latest technologies (such as NodeJS and React) and made it more UI/UX wise. We improved the images transfer to third party services using queue mechanism, as well as integrated event handlers to manage the state of queued jobs. We replaced PHP/Laravel, MySQL technologies to better ones like NodeJS/NestJS and PostgreSQL etc.

Development Process

In the first stage of the development we started with 2 frontend and 1 backend devs where one of them was working on template builder as separate service (template builder has many cool features like audio, video, image gallery, google map and social media components support) and second one was working on authentication flow, as well as other pages implementation. Backend dev created api doc for all api endpoints in Swagger UI. In the middle of the development phase we added QA specialist who did very productive work on delivering the product.

Results

As for result we have a mobile apps which give user a possibility to scan an image in both 2D and 3D dimensions , and get an info about this image (eg. person can go to the market, see some strange food and ayscan can help to get enough information like video explaining what is it, etc.)