GraphiQL

GraphiQL is a playground/IDE for graphQL requests.

This project is developed by the team Up&Go

Team mentor

Aleksandr Serdiuk

Team members

• Makaeva Elena
• Siarhei Muliarenka
• Valeriia Melnikova

Technology Overview

Stack

• Framework : React
• Language: Typescript
• Bundler: Vite
• Authentication: Firebase
• UI Component library: Material UI
• Format code: Prettier
• Improving code quality: ESLint
• Git hook managment: Husky
• Testing framework: Vitest

Local Installation

• Clone repository to your local machine repository

• Run npm install

Available Scripts

In the project directory, you can run:

• Run npm run dev runs the app in the development mode Open http://localhost:5173/ to view it in the browser.

• Run npm run prepare starts huski

• Run npm run tests runs tests

• Run npm run coverage runs tests with coverage

• Run npm run lint launches Eslint for [ts,tsx] files

• Run npm run fix runs prettier and shows warning in CLI.

• Run npm run build for building project

Start proxy-server

• Open another window Visual Studio Code
• Set folder /proxy as current
• Run npm i
• Run npm run build
• Run npm start
• You'll see the message 'CORS proxy-server is listening on port 8080' in terminal
• Don't close this window while testing

To use proxy-server, set checkbox 'proxy' into page 'Main'