REST/GraphiQL Client

[YulikK]

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

3. Deployment: Link
4. Done 15.09.2024 / deadline 15.09.2024
5. Score: 400 / 400
6. Presentation: Link
   All requirements were fully met

Main route - max 50 points

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

Sign In / Sign Up - max 50 points

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

RESTfull client - max 120 points

• Functional editor enabling query editing and prettifying, request body provided in the url as base64-encoded on focus out. - 35 points
• Functional read-only response section, with information about HTTP status and the code. - 30 mpoints
• Method selector, shows all the valid HTTP verbs, value is provided in the url on change. - 10 points
• Input for the url, entered value is provided in base64-encoded way on change. - 15 points
• Variables section that can shown or hidden, specified variables are included in the body. - 15 points
• Headers section, value is provided in the url on header add/change. - 15 points

GraphiQL route - max 80 points

• Functional editor enabling query editing and prettifying, request body provided in the url as base64-encoded on focus out. - 35 points
• Read-only response section, with information about HTTP status and the code, reused from the RESTfull client. - 5 points
• Operational documentation explorer, visible only upon successful SDL request. - 20 points
• Variables section that can shown or hidden, specified variables are included in the body. - 10 points
• Header section that can be shown or hidden, value is provided in the url on header add/change. - 10 points

History route - max 50 points

• History shows informational message with links to the clients when there are no requests in the local storage. - 10 points
• User can navigate to the previoulsy executed HTTP request to the RESTfull client, HTTP method, url, body, headers are restored. 20 points
• User can navigate to the previoulsy executed GraphQL request to the GraphiQL client, url, SDL url, body, headers are restored. 20 points

General requirements - max 50 points

• Multiple (at lest 2) languages support / i18n. - 30 points
• Sticky header. - 10 points
• Errors are displayed in the user friendly format. - 10 points

[netlify]

✅ Deploy Preview for graphiql-app-team-dream ready!

Name	Link
🔨 Latest commit	7b9396e
🔍 Latest deploy log	https://app.netlify.com/sites/graphiql-app-team-dream/deploys/66ee6e6cd8c9c60008523d23
😎 Deploy Preview	https://deploy-preview-62--graphiql-app-team-dream.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.