GraphiQL

The application incorporates the functionality of GraphiQL, a GraphQL browser IDE. It includes a welcome page, user authentication, and a GraphiQL page with editors for requests, variables, and optional headers. The app also features a lazily loaded documentation explorer and a response section. For a full overview of the technical stack, please refer to the app repository.

Technical requirements involve localization, semantic layout, compatibility with the latest Chrome version, private routes, error handling, and React 18 with suspense. The design focuses on adaptive layout, interactivity, and consistent style. The app employs auth features for restricted access. Auth relies on Firebase with email option and client-side validation. The app is the result of completing the final task of RS School React Course.