bulrock / graphiql-app Goto Github PK

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

https://nextfireteam.netlify.app/

Rename .env.sample to .env.local and add firebase environment variables to enable email/password authentification:

NEXT_PUBLIC_API_KEY=
NEXT_PUBLIC_AUTH_DOMAIN=
NEXT_PUBLIC_PROJECT_ID=
NEXT_PUBLIC_STORAGE_BUCKET=
NEXT_PUBLIC_MESSAGING_SENDER_ID=
NEXT_PUBLIC_APP_ID=

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Build a static site / single-page application (SPA) ready for deployment to ./out folder:

npm run build

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

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

• Working editor allowing to edit the query 15 pts
• Working documentation explorer (visible only when SDL request is successful) 15 pts
• Variables section (can be closed/opened) 5 pts
• Headers section (can be closed/opened) 5 pts
• Response section 10 pts

• Localization (en/ru) 5 pts
• Sticky (animated) header 5 pts