GraphiQL is an open-source online playground/IDE for graphQL requests.
- Authorization and authentication capabilities, ensuring access to the tool is restricted to authorized users.
- Work with a user-specified open GraphQL endpoint.
- Welcome page
- User auth
- GraphiQL page with:
- request editor (query editor / JSON viewer)
- variables editor
- headers editor
- documentation explorer (should be lazy-loaded)
- response section (query editor / JSON viewer)
- possibility to change to a different user-specified API endpoint
This project was initialized using Vite with the react-ts template.
Development Productivity Tools: TypeScript, ESLint, Prettier, Husky
React : A JavaScript library for building user interfaces
React Router DOM : A routing library for React applications that enables navigation and URL handling.
Redux Toolkit : The official, opinionated toolkit for Redux state management.
Vitest : A testing library for JavaScript and TypeScript applications.
SCSS (Sass) : SCSS, or Sassy CSS, is a popular extension of CSS
npm run dev : Start the project in development mode using Vite.
npm run build : Build the project using TypeScript (TSC) and Vite.
npm run test : Run tests using Vitest and generate a code coverage report (c8).
npm run lint : Perform linting on the project using ESLint.
npm run lint-fix : Automatically fix detected linting issues.
npm run preview : Launch a preview of the project using Vite.
npm run prettier-fix : Apply Prettier to format code in the project.
npm run prepare : Install Git hooks using Husky to automatically run linting before commit.