stepan10andreev / web-interface_products

Home Page:https://web-interface-products.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Wеb-интерфейс c авторизацией

Описание

Wеb-интерфейс c формой авторизацией и возможностью просматривать список Products, а также изменять/удалять/добавлять Product

Используется Fake Store API. В связи с этим для авторизации необходимо в поля формы ввести данные пользователей представленных в базе Fake Store API. Также нужно учитывать валидацию для пароля - должен содержать латиницу, минимум 6 символов, хотя бы 1 спецсимвол (!@#$%^&*), хотя бы 1 цифру, и хотя бы 1 букву в верхнем и нижнем регистре Пример подходящих данных для авторизации:

  • username: johnd, password: m38rmF$

или

  • username: hopkins, password: William56$hj

Полученный token из API записывается в cookie. При отсуствии авторизации - редирект на страницу с формой авторизации.

После входа можно просмотреть список Products, более подробную информацию о продукте по нажатию на кнопку More detail. Также имеется кнопка Add Product c открытием модального окна и формой для добавления продукта.

На странице продукта - можно удалить продукт или изменить его. При изменении появляется модальное окно с формой для реадктировнаия.

Т.к. запросы не внесят изменения в Fake Store API, данные перезаписываются на клиенте.

Технологии

About

https://web-interface-products.vercel.app


Languages

Language:TypeScript 96.3%Language:CSS 3.3%Language:JavaScript 0.4%