Skip to content

AndreiZaretski/graphiql-app

Repository files navigation

Header

About

The Mission Impossible team is glad to see you! We will make a project of any complexity according to the requirements of the terms of reference, within the agreed time frame.

We will provide technical support for the project and further product development. Individual approach to each client. If you have any questions, you can contact any of us. GraphiQL is a playground/IDE for graphQL requests.

You can use any API that supports CORS to work. We hope you will be satisfied with the quality of our application.

Please send all suggestions for improving the operation of the application to the developers.

Description

YouTube - video with an explanation of how each of the items listed in the evaluation criteria is implemented.

Task - task description and requirements.

Technologies

TypeScript React Redux SCSS Vite Vitest

How to run locally

Requirements

  • Node.js
  • NPM

Simply clone this project to user's machine, navigate to project's folder under a terminal of his/her choice and then run the following commands:

# Install dependencies
npm install

# Run local server
npm run dev

# Run in production mode
npm run build

Configuring the .env file

If you want to run locally you need to configure the .env file with the settings for connecting to Firebase. Put it in the root of the project.

If you can't configure the .env file, contact any project's developer to help and provide a test .env file.

# Example .env file
VITE_REACT_APP_FIREBASE_API_KEY=Your API key for accessing Firebase services.
VITE_REACT_APP_FIREBASE_AUTH_DOMAIN=Your authentication domain for Firebase.
VITE_REACT_APP_FIREBASE_PROJECT_ID=Your Firebase project ID.
VITE_REACT_APP_FIREBASE_STORAGE_BUCKET=Your storage bucket for Firebase.
VITE_REACT_APP_FIREBASE_MESSAGING_SENDER_ID=Your messaging sender ID for Firebase Cloud Messaging.
VITE_REACT_APP_FIREBASE_APP_ID=Your Firebase application ID.

Available scripts

For running ESLint, Prettier, and Jest tests run the following commands:

# Run ESLint
npm run lint

# Run Prettier
npm run prettier-fix

# Run Vitest tests
npm run test:coverage