Http-mock-json NPM

HTTP MOCK JSON

Allows to create a mock server and test the frontend without depending on the backend.

Installation and use 🔧

Install library.
```
npm install http-mock-json --save-dev
```
Create a folder or directory called "mocks" at the "node_modules" level.

Copy this example to a json file by deleting the comments.

{
   "data/animals": { // API route
      "GET": { // GET, POST, PUT, PATCH, DELETE
         "nameResponse": "AnimalsList", // Response name to be used
         "responses": [ // A mock can have several responses identifying each one by a "name"
            {
               "name": "AnimalsList", // Response name
               "statusCode": "200", // HTTP Status Codes
               "body": { // Response in json format
                 "example": "data get"
               }
            }
         ]
      },
      "POST": { // GET, POST, PUT, PATCH, DELETE
         "nameResponse": "AnimalsSave", // Response name to be used
         "responses": [
            {
               "name": "AnimalsSave", // Response name
               "statusCode": "201", // HTTP Status Codes
               "body": { // Response in json format
                 "example": "data post"
               }
            }
         ]
      }
   }      
}

Execute command
```
mock-server start
```

Recommendations 📋

Copy and paste the advanced examples.
A single json file can contain many mocks.
There can be many json files each with their respective mocks.
You can change the default port (3000) with the following command.
```
mock-server start -p 3500
```

Advanced examples

{
   "data/animals": {
      "GET": {
         "nameResponse": "AnimalsError",
         "responses": [
            {
               "name": "AnimalsList",
               "statusCode": "200",
               "body": {
                 "example": "data"
               }
            },
            {
               "name": "AnimalsError",
               "statusCode": "404",
               "body": {
                 "example-error": "error"
               }
            }
         ]
      },
      "POST": {
         "nameResponse": "AnimalsError",
         "responses": [
            {
               "name": "AnimalsSave",
               "statusCode": "201",
               "body": {
                 "example": "data"
               }
            },
            {
               "name": "AnimalsError",
               "statusCode": "404",
               "body": {
                 "example-error": "error"
               }
            }
         ]
      }
   }
}

{
   "data/animals": {
      "GET": {
         "nameResponse": "AnimalsList",
         "responses": [
            {
               "name": "AnimalsList",
               "statusCode": "200",
               "body": {
                 "example": "data"
               }
            },
            {
               "name": "AnimalsError",
               "statusCode": "404",
               "body": {
                 "example-error": "error"
               }
            }
         ]
      },
      "POST": {
         "nameResponse": "AnimalsSave",
         "responses": [
            {
               "name": "AnimalsSave",
               "statusCode": "201",
               "body": {
                 "example": "data"
               }
            },
            {
               "name": "AnimalsError",
               "statusCode": "404",
               "body": {
                 "example-error": "error"
               }
            }
         ]
      }
   },
   "data/brands": {
      "GET": {
         "nameResponse": "BrandsList3",
         "responses": [
            {
               "name": "BrandsList",
               "statusCode": "200",
               "body": {
                 "example": "data1"
               }
            },
            {
               "name": "BrandsList2",
               "statusCode": "200",
               "body": {
                 "example": "data2"
               }
            },
            {
               "name": "BrandsList3",
               "statusCode": "200",
               "body": {
                 "example": "data3"
               }
            }
         ]
      }
   }
   
}