Bug Bounty - application for reporting security bugs

We created a safe platform for companies and hackers to participate in bug bounty programs

Bug Bounty Switzerland is a company that organizes bug bounty programs in the local market. These programs are dedicated to companies to improve the security of IT solutions and to hackers who research security for profit. The client wanted to build an on-line platform that would provide such an opportunity for people from all over the world.

The main assumption of the project was to create a safe platform for companies and hackers to participate in "bug bounty" programs. Companies with IT infrastructure that they would like to test in terms of security can, thanks to the platform, commission it to registered hackers for a fee.The first version of the platform, ready for user testing, was successfully implemented. We have also developed mock-ups of the final version of the system ready for implementation in the future. Our 300DEVS Angular CDK ecosystem provides the ability to easily expand the platform even in a different team. Nevertheless, the client plans to extend the cooperation with us due to the way we work. It generates very few errors and the resulting code is of high quality. The application is fast and based on open technology. After launching the public version of the platform, an external team of UX researchers will provide us with data on the use of the platform by the target group. We are ready to introduce new features, changes and improvements to the platform and continue its development in a friendly environment.

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

Posted on Jul 13, 2022

More by 300DEVS

View profile