Develop

[shd-mn]

After the random team was selected, one of our teammates couldn't participate in the final task due to personal work, so we had to finish the project as a team of two.

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

2. Screenshot:
   

   

3. Deployment: https://rest-graphql.vercel.app/en

4. Video: https://youtu.be/Gt7IxMsACy8

5. 16-09-2024 / 16.09.2024

6. Score: 400/ 400

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

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
graphiql-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 16, 2024 8:37am