pnmrvvtl / graphiql-app

Final project RS-Clone React Course 2022Q3 by @zhannach, @pnmrvvtl, @koseckaya

Project description:

GraphiQL is an interactive in-browser GraphQL IDE. This is a fantastic developer tool to help you form queries and explore your Schema.

Used stack:

• Typescript
• React
• Next
• Tailwind
• Firebase
• Radix-ui
• Codemirror
• Redux Toolkit
• i18next

Used API:

• Rick and Morty GraphQL API

Authors:

• Zhanna Chaikovska - Github, Discord
• Ludmila Kosetskaya - Github, Discord
• Vitalii Ponomarov - Github, Discord

Scripts

• npm run dev - starting App on live server on local machine on address http://localhost:3000/
• npm run build - building development version of app at directory "dist"

Instructions

1. You can see general information about project on hoem page, if you click on highlighted buttons you will be redirected to the login/register page.

2. If you have an account you can input your information and you will be redirected to editor page, if you dont have click on sign up button to registrate.

3. Input all required information and click on sign up, if something inputed wrong you will have tips about it.

4. You see editor page, in the left side you can open documentation about API in the middle you can edit request, in the right side you can see result of response.

5. You can start request by the play button and also you can copy request or response.

6. Also you can change language of system to Ukrainian by clicking in the header menu.

7. App with Ukrainian language.

8. Also app have responsive design for using on phones or tablets.

RSSchool 2023