Marianna Financial

Marianna Financial Services is a finance company based in the UK that aims to assist individuals in finding the most suitable and successful options for securing funds for their various needs.

At the start of the project, the company was operating with an incomplete website. The task was assigned to develop a WordPress plugin that would make the form filling process more user-friendly and interactive. However, during the development phase, the client decided to change the website’s layout. His primary objective was to rival his competitors and their websites. As a result, the decision was made to build the website using React while keeping the backend as WordPress, as the client was familiar with the WordPress admin panel.

Working on a project without pre-defined designs and then having to make changes during the development process was an exciting challenge in its own unique way. For the development of the frontend, React was chosen as the technology to use. Meanwhile, the backend was built using a headless version of WordPress, where the frontend and backend are separated and communicate with each other through APIs. GraphQL was selected as the method for making API calls and querying the backend data.

React is a popular and widely used JavaScript library for building user interfaces. It allows developers to create highly interactive and dynamic web applications with ease. In this project, it was chosen as the frontend technology to create a modern and responsive user interface for the website.

Headless WordPress refers to using the WordPress content management system as the backend for a web application, but without using its frontend. Instead, a separate frontend technology, in this case, React, is used to create the user interface. This approach provides more flexibility and allows for better integration with other technologies.

GraphQL is a query language for APIs that provides a more efficient and flexible way to request and receive data compared to traditional REST APIs. It allows the client to request only the data that it needs, reducing the amount of data transmitted over the network. In this project, GraphQL was chosen as the mode of querying the API calls between the frontend and backend, providing a more efficient and optimized way of retrieving and manipulating data.