Description
Elephant Stock Backoffice is an online store selling paintings by local artists and designers. The platform is integrated with Google and Facebook search, which allows the site to be displayed at the top of the search.
Main task
Our developer joined the main team as an outstaff specialist to refine the existing product and create new functionality. We had the task of making changes to the admin panel and implementing new elements to make the work and the application management easier.
Work process
The development team implemented the following tasks:
- A tool for working with tree structures inside MongoDB;
- Category tree management with XState (finite state machine) and tree mapping via D3.js. This method structured information in database and eliminated delays in data processing, i.e. made filtering system more comfortable for users;
- A tool for designers which can help you create and edit various frames for paintings;
- A component for dealing with third-party services-aggregators of stock images. Designers are not always able to generate new images, so it became necessary to use third-party services to get certain images on demand. A functionality was created that encapsulated the logic of working with third-party services: at the input, an array of strings was accepted for searching, and at the output, the designer could see the images found on request, from which the necessary ones were selected.
The team also carried out significant work on changes in the application:
- Components to Display Data. The system grew as well as the amount of data and the ways to manage it. The team replaced the old structure with a dynamic one, and reused the components, reducing the number of lines of code from thousands to hundreds or tens to reduce the load on the system.
Results
The client received new functionality, which simplified the work with complex category trees and increased the speed of designers’ work. New approach for code organization was developed and reusable components accelerated the process of developing the frontend part of the application. The client was satisfied with the results and left positive feedback about working with us.
Team
- 3 Full-stack developers
- QA engineer
- Project manager
- Project owner
- TechLead
Стек технологий
