Skip to content

Conversation

@HelgaAthame
Copy link
Collaborator

@HelgaAthame HelgaAthame commented May 5, 2023

Task:

https://github.com/rolling-scopes-school/tasks/edit/master/react/modules/graphiql.md

Screenshot:

image

Deploy:

https://graphiql-app-git-develop-killthecreator.vercel.app

Done / deadline

25.05.2023 / 29.05.2023

Video

https://youtu.be/tfki-z8NqS0

Score: 90 / 90

Welcome route - 10 points

  • The welcome page contains general information about the developers, project, and course. 2 point
  • In the upper right corner there are 2 buttons: Sign In and Sign Up. 2 point
  • If login token is valid and unexpired, the Sign In and Sign Up buttons change to the "Go to Main Page" button. 2 points
  • When the token expires - the user is redirected to the "Welcome page" automatically. 3 points
  • Pressing the Sign In / Sign up button redirects a user to the route with the Sign In / Sign up form. 1 point

Sign In / Sign Up - 20 points

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

GraphiQL route - 50 points

  • Working editor allowing to edit the query. 15 points
  • Working documentation explorer, visible only when sdl request will succeed. 15 points
  • Variables section. Closes/opens 5 points
  • Headers section. Closes/opens 5 points
  • Response section. 10 points

General requirements - 10 points

  • Localization 5 point
  • Sticky header 5 points

killthecreator and others added 30 commits April 24, 2023 11:58
fix: fix errors respectively to menthors code review
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please remake to webp format

src="https://graphql-pokemon.js.org/introduction/javascript-examples"
className="absolute -top-12 h-full w-full"
>
Ваш браузер не поддерживает iframe!
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

тут мб траслэйт нужно

src="https://graphql-pokemon.js.org/introduction/welcome"
className="absolute -top-12 h-full w-full"
>
Ваш браузер не поддерживает iframe!
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

и тут транслэйт

} from "~/components/ui";

const SchemaDoc = () => {
const { schema } = useAppSelector((state) => state);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

wrong usage of useSelector
you need to make useSelector(state => state.schema

to only subscribe on schema state property

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please look through all usages of useSelector in the app and fix

return (
<header
className={cn(
`shadow${headerScroll}`,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

tailwind classnames are not working like this. you need to have full classname in the codebase to make tailwind work and compile classname and include it in the bundle

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants