Ingredients

The webapp is built upon the following tech stack:

Mantine

Mantine is a React components and hooks library. It provides a set of high-quality components and hooks that are fully customizable and have great accessibility features.

Here are the used Mantine packages:

• @mantine/core: This is the core package of Mantine. It provides a set of high-quality React components that are fully customizable.

• @mantine/form: This package provides components to create forms. It includes form-level validation logic, custom hooks for form state management, and various form controls.

• @mantine/hooks: This package provides a set of useful React hooks. These hooks can help you manage state, handle side effects, and more.

• @mantine/modals: This package provides components to create modals. It includes a Modal component, a use-modal hook, and a ModalProvider to manage modals in your application.

https://mantine.dev/

Apollo Client

Apollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL.

Apollo Client helps you structure code in an economical, predictable, and declarative way that's consistent with modern development practices. It can be used with any JavaScript front-end, and can fetch data from any GraphQL Server.

https://www.apollographql.com/docs/react/