Develop

[AliQuickC]

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

2. Screenshot:

3. Deployment: not available

4. Done 22.09.2025 / deadline 22.09.2025

5. Score: 70 / 500

Cross-check criteria:

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

RESTful client - max 150 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 points
• Method selector, shows all the valid HTTP verbs, value is provided in the URL on change. - 15 points
• Input for the URL, entered value is provided in base64-encoded way on change. - 20 points
• Headers section, value is provided in the URL on header add/change. - 20 points
• Code generation section. - 30 points

History and analytics route - max 100 points

• History and analytics is server-side generated and shows informational message with links to the clients when there are no requests in the database. - 20 points
• User can navigate to the previously executed HTTP request to the RESTful client, HTTP method, URL, body, headers are restored. - 30 points
• The following analytics are recorded to the database from the application server side and displayed to the user: request duration, response status code, request timestamp, request method, request size, response size, error details, endpoint/URL. - 50 points

Variables route - max 50 points

• Variables show all the added variables, restores them from the local storage on load. - 15 points
• User can add new, or delete an existing variable, variables in the local storage are updated on change. - 15 points
• Variables are used in the request before the request execution. - 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

Youtube video - max 50 points

• Video