Skip to content

HelgaZhizhka/graphiql-app

Repository files navigation

GraphQL Playground React + TypeScript + Vite

GraphiQL is a playground/IDE for graphQL requests. Application supports any open, user-specified GraphQL API that supports CORS

graphiql-playground.netlify.app

The technology stack used:

  • GitHub
  • GitHub Projects
  • Vite
  • React
  • TypeScript
  • Firebase
  • ESLint
  • Prettier
  • Husky
  • Jest

Libraries used:

  • Material UI
  • Formik
  • Jsdom
  • Redux toolkit
  • React-router-dom
  • Sass
  • Yup

Key pages in the application include:

  • Welcome page
  • User registration/authentication.
  • RESTfull client, which includes:
    • method selector
    • text input for the endpoint url
    • request editor
    • headers editor
    • response section
  • GraphiQL client, which includes:
    • text input for the endpoint url
    • request editor
    • variables editor
    • headers editor
    • text input for the endpoint which is used for getting the documentation (sdl)
    • documentation explorer
    • response section

About

graphql editor / react / typescript / vite

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages