GraphiQL

[lgklsv]

1. Task: https://github.com/rolling-scopes-school/tasks/blob/master/react/modules/graphiql.md
2. Screenshot:

3. Deploy: https://graphiql-ide.web.app/
4. Done 25.05.2023 / deadline 29.05.2023
5. Score: 90 / 90
6. YouTube a short (5-7 min) video: https://www.youtube.com/watch?v=W77n70G7P-E

Welcome route - max 10 points

• The welcome page should contain general information about the developers, project, and course. 2 point
• In the upper right corner there are 2 buttons: Sign In and Sign Up. 2 point
• If login token is valid and unexpired, change the Sign In and Sign Up buttons to the "Go to Main Page" button. 2 points
• When the token expires - the user should be redirected to the "Welcome page" automatically. 3 points
• Pressing the Sign In / Sign up button redirects a user to the route with the Sign In / Sign up form. 1 point

Sign In / Sign Up - max 20 points

• Buttons for Sign In / Sign Up / Sign Out are everywhere where they should be 5 points
• Client-side validation should be implemented. 10 points
• Upon successful login, the user should be redirected to the Main page 3 point
• If the user is already logged in and tries to reach these routes, they should be redirected to the Main page. 2 point

GraphiQL route - max 50 points

• Working editor allowing to edit the query. 15 points
• Working documentation explorer, should be visible only when sdl request will succeed. 15 points
• Variables section. Should be closed/opened 5 points
• Headers section. Should be closed/opened 5 points
• Response section. 10 points

General requirements - max 10 points

• Localization 5 point
• Sticky header 5 points

[github-actions]

Visit the preview URL for this PR (updated for commit 8683b12):

https://graphiql-sandbox--pr100-develop-rs0iuvfy.web.app

_{(expires Sun, 04 Jun 2023 19:23:34 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: ef8c2e6cc0a38958e5e6ae1c115113adff042e07}