• Firebase Hosting - To live test
• Apollo codegen - To automatically generates GraphQL types
• TailwindCSS - As CSS framework
• React Helmet Async - To handle head meta tags
• Craco - To overwrite the CRA tsconfig.json and enable paths aliases

Firebase Hostring URL

About the CSS structure, due to a bug between Tailwind and CRA in the latest versions it is not possible to use the postcss-nested plugin.

See more here

How it's	How should it be

To run this App you will need to create a .env file and add these 3 variables in it:

OBS: There's a new enviroment variable dependency, REACT_APP_PIPEFY_ORGANIZATION_ID

REACT_APP_PIPEFY_API_URL=https://app.pipefy.com/queries
REACT_APP_PIPEFY_API_TOKEN=<API_TOKEN>
REACT_APP_PIPEFY_ORGANIZATION_ID=<ORGANIZATION_ID>

Runs the app in the development mode and also gql-watch-schema script.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Launches the test runner in the interactive watch mode.\

Launches the apollo codegen in the watch mode.\

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.