React_Cherry_Demo

React Cherry Demo

Это веб -проект, созданный React и Material UI. В этом проекте у нас есть страница пользователей, продукты и заказы и получение API формы данных.

В пользовательской системе у нас есть регистр и страница входа, которая может зарегистрировать нового пользователя и входить в систему пользователем. Если мы не входим в систему как пользователь, мы можем получить доступ только к домашней странице, в противном случае мы можем ввести страницу продуктов и заказов, чтобы проверить продукты и заказы данных из API.

На странице продуктов мы получаем данные всех продуктов от API и показываем их в таблице Material UI, сложившись в виде лиц, с сортировкой и поиском, каждая продукция может быть отредактирована и удалена, мы также можем добавить новые продукты и загрузить изображение в продукты.

На странице заказов, так же, как страница продуктов, мы получаем все данные заказов от API и показываем в таблице. Заказы ROW можно отфильтровать по дате.

Как продукты, так и страница заказа могут экспортировать данные в файл CSV.

Используются зависимости

Материал UI

npm install @material-ui/core

Материал пользовательского интерфейса начаться

Аксиос

npm install axios

Axios начинают

React Router Dom

npm install react-router-dom

React Router Dom Начните

React CSV

npm i react-csv

React CSV установлен

Проектный скриншот

Домашняя страница

Страница входа в систему

Зарегистрировать страницу

Продукты страница

Добавить продукт

Редактировать продукт

Удалить продукт

Продукты поиск

Спиннер

Заказы с различной страстью

Заказ дата фильтра