GraphiQL is an interactive in-browser GraphQL IDE. This is a fantastic developer tool to help you form queries and explore your Schema.
- Typescript
- React
- Next
- Tailwind
- Firebase
- Radix-ui
- Codemirror
- Redux Toolkit
- i18next
- Zhanna Chaikovska - Github, Discord
- Ludmila Kosetskaya - Github, Discord
- Vitalii Ponomarov - Github, Discord
- npm run dev - starting App on live server on local machine on address http://localhost:3000/
- npm run build - building development version of app at directory "dist"
- You can see general information about project on hoem page, if you click on highlighted buttons you will be redirected to the login/register page.
![Знімок екрана 2023-05-28 01 28 06](https://private-user-images.githubusercontent.com/5475964/241444203-be5ba91b-ddef-4b6c-81e2-d71ffdda29ba.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyNDY5NDcsIm5iZiI6MTcyMzI0NjY0NywicGF0aCI6Ii81NDc1OTY0LzI0MTQ0NDIwMy1iZTViYTkxYi1kZGVmLTRiNmMtODFlMi1kNzFmZmRkYTI5YmEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDlUMjMzNzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTY2NjY4YjQ2ODVhODZjMjEyYzQ5OWRjODE2ZjNiNDVlZmYyZmQ4YjgwYmRmYzNlYzQ3MDFkMjFiZTA0OGRkYiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.QU40zzW1P4_BF2L65AQ_vQ-4cczyrIaj5NGbZSc55zI)
- If you have an account you can input your information and you will be redirected to editor page, if you dont have click on sign up button to registrate.
![Знімок екрана 2023-05-28 01 28 42](https://private-user-images.githubusercontent.com/5475964/241444200-dc74dc3c-5381-46e5-81ba-8e60c219f061.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyNDY5NDcsIm5iZiI6MTcyMzI0NjY0NywicGF0aCI6Ii81NDc1OTY0LzI0MTQ0NDIwMC1kYzc0ZGMzYy01MzgxLTQ2ZTUtODFiYS04ZTYwYzIxOWYwNjEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDlUMjMzNzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OTgyZGU4YjExNTg4YWM3NDdkYmMzNGY1ZmNjYzkwNWZhNjA0OGZkZThiNTdkMjgwMjRiYmMxYTJiMjdjZGQ1YSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.1oDXaO1e9X0nA4vEfyQYAgHNpkqMLDHF1s3eASuPFHs)
- Input all required information and click on sign up, if something inputed wrong you will have tips about it.
![Знімок екрана 2023-05-28 01 30 11](https://private-user-images.githubusercontent.com/5475964/241444196-b692e72c-04f6-4d29-b4c9-c845ee756406.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyNDY5NDcsIm5iZiI6MTcyMzI0NjY0NywicGF0aCI6Ii81NDc1OTY0LzI0MTQ0NDE5Ni1iNjkyZTcyYy0wNGY2LTRkMjktYjRjOS1jODQ1ZWU3NTY0MDYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDlUMjMzNzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Y2YyOTljNDQzYmQyYzIwZDgzMDIyNjU2NmM0NDhkN2ZmY2E4ZjE1NmNkN2I3MTRhODlkOWY0YWVkZmZmNmZjNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.ML4ZJXqciWDKh19sjoxePes_xttHIzbVkCn0UVPCMQ4)
- You see editor page, in the left side you can open documentation about API in the middle you can edit request, in the right side you can see result of response.
![Знімок екрана 2023-05-28 01 33 18](https://private-user-images.githubusercontent.com/5475964/241444190-885f6053-8b5a-41fd-b42a-0f3a95cb0b87.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyNDY5NDcsIm5iZiI6MTcyMzI0NjY0NywicGF0aCI6Ii81NDc1OTY0LzI0MTQ0NDE5MC04ODVmNjA1My04YjVhLTQxZmQtYjQyYS0wZjNhOTVjYjBiODcucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDlUMjMzNzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZmNiZDQ2OTRlNmVlOGM5OGJjOTFlYWJjZWQyYjRiZjY2YjRmYzBlYTVmY2M2ODI2N2M3ZTI3MWQ0OWRiOWVjNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.kzzk9IUNqIM5Ku-Up2ZkM7HHBEqNFY3vHvk65VLFM0s)
- You can start request by the play button and also you can copy request or response.
![Знімок екрана 2023-05-28 01 32 11](https://private-user-images.githubusercontent.com/5475964/241444192-74ef990c-3ff0-4380-b5af-4c38bca0ba9b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyNDY5NDcsIm5iZiI6MTcyMzI0NjY0NywicGF0aCI6Ii81NDc1OTY0LzI0MTQ0NDE5Mi03NGVmOTkwYy0zZmYwLTQzODAtYjVhZi00YzM4YmNhMGJhOWIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDlUMjMzNzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9N2E4OWM0ZTU2ZThkNzEyNDgwYWZiMDFiZGUyOWYyNWM2NmEwMzhhNGM3YTI2MWU0ZWFiM2FkN2ZmMjAzZGU3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.nCzlSkWt1OMtwtrPKATs1URWSpZ8vyrnYuTxrkOpG-k)
- Also you can change language of system to Ukrainian by clicking in the header menu.
![Знімок екрана 2023-05-28 01 34 18](https://private-user-images.githubusercontent.com/5475964/241444188-bec6ec40-2426-4d5c-ba1e-ac54d3654cfe.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyNDY5NDcsIm5iZiI6MTcyMzI0NjY0NywicGF0aCI6Ii81NDc1OTY0LzI0MTQ0NDE4OC1iZWM2ZWM0MC0yNDI2LTRkNWMtYmExZS1hYzU0ZDM2NTRjZmUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDlUMjMzNzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YWM5NTg1MGZmMGVkMjZkNTkzYjZiYzA2YWVhNDliOGMzMTFkNTc0NGZiZTM1NmRhMmQ0YTQwY2VkZmU4YTkyZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.2UDJW8JIeTdYjlcnYkhQZO2S5RiH_eJT66box3l4CbM)
- App with Ukrainian language.
![Знімок екрана 2023-05-28 01 35 03](https://private-user-images.githubusercontent.com/5475964/241444185-3c013545-da8b-4736-9b22-3f0e8632d2e9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyNDY5NDcsIm5iZiI6MTcyMzI0NjY0NywicGF0aCI6Ii81NDc1OTY0LzI0MTQ0NDE4NS0zYzAxMzU0NS1kYThiLTQ3MzYtOWIyMi0zZjBlODYzMmQyZTkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDlUMjMzNzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NGVlNWI3YzdkYjdlMTI2MGM2NTk4MDViNmM5YTBkNmNlNzc3MDY0Yzg0NDI3ODA0M2ExZjA5YmJmZjllZGYxNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.mH1PWXUgIMZwaaT-j3HmfCg1D2w0IDKf3pI3t2BiJb4)
- Also app have responsive design for using on phones or tablets.
![Знімок екрана 2023-05-28 01 36 14](https://private-user-images.githubusercontent.com/5475964/241445424-358f08ea-5539-435a-9af6-dace8f5a2356.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyNDY5NDcsIm5iZiI6MTcyMzI0NjY0NywicGF0aCI6Ii81NDc1OTY0LzI0MTQ0NTQyNC0zNThmMDhlYS01NTM5LTQzNWEtOWFmNi1kYWNlOGY1YTIzNTYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDlUMjMzNzI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YmE5ZWE0YzdiOTljN2E1NmVjZTM2NTdmZmExNzAwNDU1N2YwOTkzNTEzYWNjNjhlODlhMzg2MDZlNmNmYzQ4MiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.qrkzwwisjDZKU0Y5ZDPJa7mADECgQZqCV4odEdFQUL4)