Registration Login and CRUD Action using MERN stack

МЕРН Стек | Вход, регистрация и приложение CRUD

Простой пример регистрации пользователя, входа в систему и действия CRUD с серверным restAPI с использованием mongoDB, Nodejs(Express.js) и mongoose, аутентификации с использованием токена JWT, а также разбиения на страницы и внешнего интерфейса с использованием реакции.js и API-интерфейса Material-UI, вызывающего с помощью axios.

Этот проект представляет собой простой проект ReactJS, который демонстрирует следующее:

Бэкэнд

• API для регистрации и входа пользователя.
• API, с помощью которого вошедший в систему пользователь может добавлять, редактировать и обновлять свой продукт.
• API разбивки на страницы для предоставления списка добавленных пользователем продуктов.
• Аутентификация токена JWT.
• Опция «Распечатать PDF», чтобы вы могли распечатать или загрузить подробную информацию о продукте.

Внешний интерфейс

• Создание компонента в React и создание маршрутизации.
• Использование пользовательского интерфейса реагирования и материала создает форму для входа в систему пользователя и позволяет зарегистрировать нового пользователя.
• Добавление, редактирование, удаление и нумерация продуктов, а также поиск продукта по названию.
• Выполнение HTTP-вызовов с помощью Axios.
• Вызов многочастного API с загрузкой изображения.

Предварительные условия

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

• Node.js
• НПМ
• МонгоБД

Для настройки

Клонируйте или загрузите этот репозиторий

1. cd Registration-and-Login-using-MERN-stack/backend
2. npm install
3. cd Registration-and-Login-using-MERN-stack/frontend
4. npm install

Бежать

Чтобы запустить сервер узла

1. cd Registration-and-Login-using-MERN-stack/backend
2. node server.js

Чтобы запустить интерфейс реагирования

1. cd Registration-and-Login-using-MERN-stack/frontend
2. npm start

Не забудьте оставить звезду! ?