GraphiQL Final Task

RS School React 2023 Q4

GraphiQL is a playground/IDE for graphQL requests. After login, you can choose any endpoint, construct a request, prettify your code and get a formatted response. Add some variables and headers? No problem! Use variables/headers tabs for it. And don't forget to check out documentation of chosen api in special section.

Team project by Sergey, Irina, and Kate

The Rolling Scopes School React Course | Link to the task

Completed: January 2024

Technology stack

Table of Contents

• Project description
• Technology stack
• Getting Started
• Installation
• Scripts

Getting Started

To get a local copy - follow these simple steps.

Installation

1. Clone the repo

  git clone https://github.com/gentoosiast/graphiql-app

2. Install NPM packages

  npm install

3. Ask team to produce the .env.local file with settings and place it in the project root.

4. Start project

  npm run dev

Provided scripts

npm run dev

Start local development server

npm run build

Build project in production mode for further deployment

npm run format:fix

Reformat source code & configs to match Prettier settings

npm run lint

Check source code with ESLint. Exit with non-zero return code after the first found warning (useful for CI/CD)

npm run lint:fix

Automatically fix all auto-fixable errors & warnings with ESLint

npm run typecheck

Perform TypeScript typechecking of source code with tsc (TypeScript Compiler)

npm run preview

Locally preview the production build

npm run prepare

Runs automatically after package installation to install Husky hooks

npm run test

Runs tests with Vitest and displays coverage of implemented tests