GraphiQL is a playground/IDE for graphQL requests.
Demo: https://graphiql-ksv-rss.netlify.app/
![GraphiQL](https://private-user-images.githubusercontent.com/31639106/251932370-0b8d250d-3fc9-4759-886a-9ae6930b5e23.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ5NzkxMDUsIm5iZiI6MTcyNDk3ODgwNSwicGF0aCI6Ii8zMTYzOTEwNi8yNTE5MzIzNzAtMGI4ZDI1MGQtM2ZjOS00NzU5LTg4NmEtOWFlNjkzMGI1ZTIzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODMwVDAwNDY0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZiZGYyM2UxMjlkODJjOWNjMjhiYTY0OWIzN2ZiMTU5ZTE3ODJmZjkxZDE1M2EwYTgxMTA5YTEzODdmMTY2NDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.R82hCcKcfWF4RZk0FqwJKsMnkrbiBYCiBIa_ShyWtVU)
- 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
App contain:
- Welcome page
- User auth
- GraphiQL page with:
- request editor
- variables editor
- headers editor
- documentation explorer
- response section
- React 18
- Redux
- Firebase for Authentication
- TypeScript
- Vite
- i18next
- react-hook-form
- semantic layout
- private routes, 404 error page, error boundary
- React 18 + suspense feature