chore: updates

Author: liyasthomas

content/1.documentation/4.features/authorization.md

@@ -0,0 +1,46 @@
+---
+title: Authorization
+---
+
+# Authorization
+
+REST APIs use authorization to ensure that a client has secure access only to the resources permitted by their roles. If you are building or integrating with a 3rd party API, you can choose between Basic Auth, Bearer Tokens, and OAuth2.0.
+
+Auth details can be added to a header, body, or as parameters to a request. However, if you enter your auth details in the Authorization Tab, Hoppscotch will automatically modify the relevant parts of the request based on your chosen `Auth` type. Storing Auth Credentials or Bearer Tokens as environment variables, lets you re-use these more safely and efficiently.
+
+## Basic Auth
+
+If the API supports basic Auth, you will have to add a verified username and password to your request. In the authorization tab, select basic auth and add your credentials.
+
+## Bearer Tokens
+
+Bearer tokens allow for request authentication using an access key, such as an opaque string or JWT. In the Authorization Tab, select Basic Auth and add your token, or for added security store it in a variable and reference it by name.
+
+Hoppscotch will append the API key value to the text 'Bearer' and add it to the request authorization header.
+
+```
+Bearer <Your API key>
+```
+
+## OAuth 2.0
+
+In this Authentication Model, you first retrieve an access token for the API and then use that token to authenticate future requests.
+
+An example OAuth 2.0 flow could run as follows:
+
+![OAuth2.0](/images/features/oauth.png)
+
+### Steps
+
+1. In the "**Authorization Tab**" for a request, select OAuth 2.0 from the Authorization Type drop-down.
+
+    ::image
+    ---
+    src: features/oauth-section
+    extension: png
+    alt: Hoppscotch OAuth 2.0 Authorization
+    ---
+    ::
+
+2. Fill out the fields in the section below and click on "**Generate Token**" to generate a new access token.
+3. You can save the token to be re-used later.

content/1.documentation/4.features/graphql-api-testing.md

@@ -0,0 +1,58 @@
+---
+title: GraphQL API Testing
+---
+
+# GraphQL API Testing
+
+::image
+---
+src: features/graphql-mode
+extension: png
+alt: Hoppscotch GraphQL API Platform
+---
+::
+
+Hoppscotch's GraphQL API platform provides you with the best experience to test and play around with GraphQL
+
+It's primarily divided into two sections along with other features to help you build and test queries.
+
+## Request
+
+The request section houses the feature to enter your server endpoint and initiate a connection.
+
+Once the connection is made, the `query` builder assists you in designing queries to fetch the data that you require and run it.
+
+You can also add dynamic behavior to your queries by defining `variables`, `headers`, and `authorization`
+
+## Response
+
+This is where you see the responses to your API endpoints. You can download and copy the returned responses for further use.
+
+## Other features
+
+### Documentation
+
+GraphQL documentation is where you can view the documentation provided by the developer
+
+### Schema
+
+GraphQL uses a schema to define the structure of the data, the schema explorer helps you to understand how your data is structured.
+
+The GraphQL platform also houses other features like:
+
+::list{type="success"}
+
+- [Environments](/documentation/features/environments)
+- [Collections](/documentation/features/collections)
+- [History](/documentation/features/history)
+
+::
+
+:br
+
+::card
+#title
+[Getting started with GraphQL](/documentation/getting-started/graphql/creating-a-query)
+#description
+Read out step by step tutorial on working with GraphQL.
+::

content/1.documentation/4.features/realtime-api-testing.md

@@ -0,0 +1,32 @@
+---
+title: Realtime API Testing
+---
+
+# Realtime API Testing
+
+::image
+---
+src: features/realtime-mode
+extension: png
+alt: Hoppscotch Realtime API Platform
+---
+::
+
+Hoppscotch's Realtime API platform helps you test your real-time APIs easily.
+
+It's primarily divided into two sections the request section and the response section.
+
+## Request
+
+The request section houses the feature to enter your server endpoint and initiate a connection. You also get the option to choose from four different protocols `WebSocket`, `SSE`, `Socket.IO`, and `MQTT`
+
+## Response
+
+Once the connection is established, you can view the responses and logs in the response section.
+
+::card
+#title
+[Getting started with Realtime](/documentation/getting-started/realtime/websocket)
+#description
+Read out step by step tutorial on working with Realtime protocols.
+::

content/1.documentation/4.features/rest-api-testing.md

@@ -0,0 +1,52 @@
+---
+title: REST API Testing
+---
+
+# REST API Testing
+
+::image
+---
+src: features/rest-api-mode
+extension: png
+alt: Hoppscotch REST API Platform
+---
+::
+
+Hoppscotch's REST API platform provides you with a fast and seamless experience to test and debug your API endpoints.
+
+It's primarily divided into two sections along with other features to help you build better APIs.
+
+## Request
+
+The request section provides you the capability to define your API endpoint and initiate the communication.
+
+You can select from a range of HTTP methods such as `GET`, `POST`, `PUT` etc. You can read more about HTTP methods [here](/documentation/protocols/rest).
+
+You can also add dynamic behaviors to your requests by specifying `Headers`, `Request Body`, `Authorization Headers`, `Parameters`, and `Pre-request scripts`.
+
+Hoppscotch also provides the capability to run `Tests` on the responses you receive.
+
+## Response
+
+This is where you see the responses to your API endpoints. You can download and copy the returned responses for further use.
+
+## Other features
+
+The REST API platform also houses other features like:
+
+::list{type="success"}
+
+- [Environments](/documentation/features/environments)
+- [Collections](/documentation/features/collections)
+- [History](/documentation/features/history)
+
+::
+
+:br
+
+::card
+#title
+[Getting started with REST APIs](/documentation/getting-started/rest/creating-a-request)
+#description
+Read out step by step tutorial on working with REST APIs.
+::