Module 6. React. GraphiQL

[ChocolateNao]

1. Task: https://github.com/rolling-scopes-school/tasks/blob/master/react/modules/graphiql.md
2. Screenshot:
   
3. Deployment: https://graphiql-app-amogus.vercel.app/
4. Done 07.01.2024 / deadline 08.01.2024
5. Score: 350 / 350
6. Video demo: video.
7. We use proxy which a user can enable so that their queries will go through that proxy instead of the client's side. The source code for proxy can be found here. The hosting provider stops the process if there are no requests for the last 15 minutes. After that, it takes some time to get running again. Please consider that!

• To run the proxy server locally, clone the repository
  git clone https://github.com/ChocolateNao/graphiql-app-backend.git
  then switch to the 'develop' branch
  git checkout develop
  install dependencies
  npm install
  and then run the proxy server itself
  npm run dev
  then, if everything's ok, you will see the following message
  Sever is running on port 3000 (default)
  which means that the server is up and running!

9. Dear reviewer! Please consider! Some tests may fail due to node.js error "ERR_INTERNAL_ASSERTION" on version >= 20.0.0. This happens with node user sometimes and the only solution that worked for me was using node <= 19.0.0 (I am using 19.8.1).

• Welcome route - (50/50)
  • 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 - (50/50)
  • 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
• GraphiQL route - (200/200)
  • Functional editor enabling query editing and prettifying - 60 points
  • Operational documentation explorer, visible only upon successful SDL request - 50 points
  • Variables section that can shown or hidden, specified variables are sent to the server - 30 points
  • Header section that can be shown or hidden, user-added headers are sent to the server - 20 points
  • Response section with an editor in read-only as a JSON viewer - 40 points
• General requirements - (50/50)
  • Localization - 30 points
  • Sticky header - 10 points
  • Errors from API side 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-amogus	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 7, 2024 10:41pm