Vosti - automation of generating offers

We created application that accelerate and automate the generation of offers

The assumption of the project was to create an easy-to-use system for generating offers, which will effectively accelerate and facilitate the work of salesmen in the field. The result of our work is a simple but solid product that reflects the real work of salespeople, which effectively accelerates and simplifies their work.

The main challenge of the project

During the mock-up, some inconsistencies between the designers' vision and the real work of salespeople as well as the decisions of the project manager were revealed, which were scrupulously dispelled at a rapid pace.After a few meetings and a detailed discussion of the vision, we made all the processes more consistent and simplified, which allowed us to quickly complete the mock-up of the application and start adjusting the visual layer to the brand's visual identification.

We used good-known tools in industry during designing platform.

Project documentation including user stories was created in ClickUp, architecture, flow maps, and other diagrams were made in FigJam together with the client. Prototype and goal platform design was made in Figma, based on our original ecosystem to creating web applications front-end named 300DEVS Angular CDK. From a designer perspective, you build application screens using components from libraries, that developers have in an interactive and ready-made version.

It is a symbiosis of design and code based on patterns from Google Material, proven and known by users - a highly useful UI System.

Thanks to 300DEVS Angular CDK we can easily manage the appearance, of application, maintaining consistency on all screens.The component library is easy to update and appearance can be adapted to the client’s brand. The implementation compliance with the design is at the highest level thanks to the coded components that only require the customization of basic styles.

All the magic is done right here, thanks to mentioned before 300DEVS Angular CDK.

High standard of implementation and pace of creation is main advantage.From developer perspective, this ecosystem is much more extensive. It contains NGRX to managing the state of application, which is the main source of truth. On its side is synchronization between components that are highly reusable, efficient and easy to debug.Thanks to separation of screens and data flows, it allows to work on them independently. Advanced tables, dialog windows, pagination, breadcrumbs, tooltips, menu, icons, form, and much more other elements were built using appropriate modules from CDK.

They also support directives that facilitate styling of entire modules.

The amount of code generated by repetitive elements is negligible thanks to the use of CDKs, thus we can implement applications quickly and in accordance with the DRY (do not repeat yourself) method.The main elements of the views are grouped into base classes and we create them using the already existing code and reducers, effects, abstract classes, function factories and adapters - it significantly reduces the number of errors.Ready classes are responsible for repeated CRUD actions. Further development and maintenance is also simple as all code is reusable, compatible and easy for new team members to understand.

________________________________________________________________________________________

Thanks for watching!

Hit "L" like "Leonidas” if you enjoyed it 💘

Does Angular front-end seem all Greek to you?

Then go with 300s and book our mighty services:

me@300devs.com

Prepare for glory! ⚔️

________________________________________________________________________________________

LinkedIn | Clutch | Facebook | Behance | Website | Instagram

View all tags
Posted on Jul 13, 2022

More by 300DEVS

View profile