The aim is to design Reusable Components using React js and the project contain no of modules. I have done on two modules and the modules are atoms module and it is used to build basic components like buttons, alert messages and the other module is molecules module and it is used to build molecules using basic components.

Designing the cards for all the markets like (Ex:-for japan,india,Canada,Germany,Mexico) and the aim of the project is when user hit this page ,the user can see all the cards related to the market. The first(default) page is feature page which consists of all cards page. If user want the details of the particular card i.e., when user clicks on any particular card, respective card details will be displayed and this page is called card-details page. This page consists of Apply now and Compare card buttons.

The aim is that end user app holds a cached list of all UKHO products and it allows the basic functionality that is checking of individual product . When the user checks their holdings on the vessel to register a product a connection to the UKHO API is made and data exchanged. The main Advantage is that the given product on a vessel is likely to be genuine or not.