GraphiQL

GraphiQL is a playground/IDE for graphQL requests.

Demo: https://graphiql-ksv-rss.netlify.app/

Features

• Allows you to send requests to any GraphQL server. By default, the code calls the Rick and Morty API (https://rickandmortyapi.com/graphql)
• Support authorization/authentication capabilities (by Firebase), to give access to the tool to only to authorized users.
• Localization into 2 languages

Application structure

App contain:

1. Welcome page
2. User auth
3. GraphiQL page with:

• request editor
• variables editor
• headers editor
• documentation explorer
• response section

Technology stack

• React 18
• Redux
• Firebase for Authentication
• TypeScript
• Vite
• i18next
• react-hook-form

Technical features

• semantic layout
• private routes, 404 error page, error boundary
• React 18 + suspense feature

Created by the team:

• StanislavMamulin

• KarinaKold

• ViktarZanimonets