Skip to content

zhannach/graphiql-app

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

77 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

Authors:

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.
Знімок екрана 2023-05-28 01 28 06
  1. 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.
Знімок екрана 2023-05-28 01 28 42
  1. Input all required information and click on sign up, if something inputed wrong you will have tips about it.
Знімок екрана 2023-05-28 01 30 11
  1. 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.
Знімок екрана 2023-05-28 01 33 18
  1. You can start request by the play button and also you can copy request or response.
Знімок екрана 2023-05-28 01 32 11
  1. Also you can change language of system to Ukrainian by clicking in the header menu.
Знімок екрана 2023-05-28 01 34 18
  1. App with Ukrainian language.
Знімок екрана 2023-05-28 01 35 03
  1. Also app have responsive design for using on phones or tablets.
Знімок екрана 2023-05-28 01 36 14

RSSchool 2023

About

GraphiQl-clone app - is an interactive in-browser GraphQL IDE.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors