GraphiQL-APP

[mamont79]

Task: link for final task
Screenshot:

Tests coverage:

Deployment: link for deploy
YouTube: link for video
Done 15.09.2024 / deadline 16.09.2024
Score: 150 / 400

Welcome route - max 50 points

• The welcome 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 "Welcome 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. - 40 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. - 20 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, variables are restored. 20 points
• User can navigate to the previoulsy executed GraphQL request to the GraphiQL client, url, SDL url, body, headers, variables 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

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
graphiql	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 10, 2024 7:10pm
graphiql-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 10, 2024 7:10pm
graphiql-app-racl	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 10, 2024 7:10pm
graphiql-grafamily	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 10, 2024 7:10pm