Frontend

Concrete protocol internal documentation

Introduction

The front-end component serves as the user's gateway to interact with the protocol seamlessly. Designed with user-friendliness in mind, our front end provides an intuitive and effortless experience for users as they navigate through loan brokering, coverage processes, and supplying liquidity.

System Architecture

The front-end consists of several components aimed at delivering a resilient, quick, and responsive user experience. The following components are included: Components

The components are responsible for rendering data and remaining straightforward and minimal in terms of business logic. Any logic present here is solely dedicated to manipulating the user interface and converting user actions into relevant actions further down the flow.

Component Modules

The component modules organize and encapsulate medium-level business logic, user interactions, and reusable components, promoting modularity and maintainability.

Hooks

Hooks streamline heavy and intricate business logic into reusable functions, enhancing code structure and promoting efficient development.

Query Hooks

Query hooks retrieve data from multiple application programming interfaces(API's) using optimized queries, reducing latency and ensuring smooth data integration. From there it is sent to a formating function to be stored inside the redux data store.

Integration within the Product Ecosystem

The front end serves as the user interface, linking directly to the backend, subgraph, and smart contracts, creating a seamless connection within the product ecosystem.