Нужно разработать front-end для простого API на HTML+JS

Ответы с API всегда в json формате

Для того что бы зайти на сайт, нужно ввести пароль, который проверяется на /Authenticate/[password], если вход успешен, то API даст куки .

После входа, юзеру отображается dashboard.

На dashboard-e должно быть 2 страницы:

1) INFORMATION
* Таблица с продуктами, которая заполняется с /GetProducts
* Таблица с заказами, которая заполняется с /GetOrders, фильтровать checkbox-ом по полю Status(принимает значение "Paid" и "Unpaid"). 

2) ADMINISTRATION
* Кнопка Stop которая отправляет GET запрос на /Stop
* Кнопка Update которая отправляет берез строку с textbox-a и отправляет GET запрос на /Update/[string]


В общем, все очень просто. Дизайн на ваш вкус)

Срок: 2 дня МАКСИМУМ




API:
"/Authenticate/[password]":

{
  "Timestamp": 635258949900018675,
  "Message": "success"
}


"/GetProducts":
[
  {
    "ProductID": 1,
    "ProductName": "Product1",
    "Price": 100,
    "Stock": 1,
    "AmountSold": 10
  },
  {
    "ProductID": 2,
    "ProductName": "Product2",
    "Price": 200,
    "AmountSold": 7

  }
]

"/GetOrders":
[
  {
    "OrderID": 2,
    "EMail": "sadfadf@mail.ru",
    "Price": 3.0,
    "Weight": 1.00000,
    "Status": "Paid",
    "ProductName": "product1",
    "Comment": "asd",
    "OrderDateTime": "2015-02-03T22:22:29"
  },
  {
    "OrderID": 5,
    "EMail": "testemail@gmail.com",
    "Price": 100.0,
    "Weight": 0.00316,
    "Status": "Unpaid",
    "ProductName": "product1",
    "Comment": "lol",
    "OrderDateTime": "2013-05-08T12:35:29"
  },
  {
    "OrderID": 1,
    "EMail": "bbc@abc.com",
    "Price": 100.56,
    "Weight": 0.00500,
    "Status": "Paid",
    "ProductName": "product2",
    "Comment": "test",
    "OrderDateTime": "2007-05-08T12:35:29.123"
  }
]

Нужно разработать front-end для простого API на HTML+JS

Ответы с API всегда в json формате

Для того что бы зайти на сайт, нужно ввести пароль, который проверяется на /Authenticate/[password], если вход успешен, то API даст куки .

После входа, юзеру отображается dashboard.

На dashboard-e должно быть 2 страницы:

1) INFORMATION
* Таблица с продуктами, которая заполняется с /GetProducts
* Таблица с заказами, которая заполняется с /GetOrders, фильтровать checkbox-ом по полю Status(принимает значение "Paid" и "Unpaid"). 

2) ADMINISTRATION
* Кнопка Stop которая отправляет GET запрос на /Stop
* Кнопка Update которая отправляет берез строку с textbox-a и отправляет GET запрос на /Update/[string]


В общем, все очень просто. Дизайн на ваш вкус)

Срок: 2 дня МАКСИМУМ




API:
"/Authenticate/[password]":

{
  "Timestamp": 635258949900018675,
  "Message": "success"
}


"/GetProducts":
[
  {
    "ProductID": 1,
    "ProductName": "Product1",
    "Price": 100,
    "Stock": 1,
    "AmountSold": 10
  },
  {
    "ProductID": 2,
    "ProductName": "Product2",
    "Price": 200,
    "AmountSold": 7

  }
]

"/GetOrders":
[
  {
    "OrderID": 2,
    "EMail": "sadfadf@mail.ru",
    "Price": 3.0,
    "Weight": 1.00000,
    "Status": "Paid",
    "ProductName": "product1",
    "Comment": "asd",
    "OrderDateTime": "2015-02-03T22:22:29"
  },
  {
    "OrderID": 5,
    "EMail": "testemail@gmail.com",
    "Price": 100.0,
    "Weight": 0.00316,
    "Status": "Unpaid",
    "ProductName": "product1",
    "Comment": "lol",
    "OrderDateTime": "2013-05-08T12:35:29"
  },
  {
    "OrderID": 1,
    "EMail": "bbc@abc.com",
    "Price": 100.56,
    "Weight": 0.00500,
    "Status": "Paid",
    "ProductName": "product2",
    "Comment": "test",
    "OrderDateTime": "2007-05-08T12:35:29.123"
  }
]

Гость guest_14616744159928

Разработать простой front-end для простого API на HTML+JS