Рет қаралды 15,507
В этом выпуске мы напишем Fullstack приложение с JWT авторизацией с полного нуля и задеплоим его на бесплатные хостинги Heroku и Vercel.
Телеграм канал: t.me/vftuijgd
Чат для вопросов и общения: t.me/skillblog1
Макет: clck.ru/sVxvd
Postman: www.postman.com/downloads/
Исходники - сервер: clck.ru/sVy7T
Исходники - клиент: clck.ru/sVy8y
Результат: costs-client.vercel.app/costs
(00:00) Начало
BACKEND
(02:34) Инициализация сервера на Nest.js
(03:55) Hello world!
(07:04) Создание БД
(09:25) Настройка конфигурации
(16:50) Создание коллекции пользователей
(23:35) Эндпоинт регистрации
(45:36) Эндпоинт логина
(52:55) Логика JWT
(1:05:00) Создание коллекции расходов
(1:15:30) Эндпоинт получения всех расходов
(1:34:10) Эндпоинт создания расхода
(1:39:30) Эндпоинт обновления расхода
(1:43:36) Эндпоинт удаления расхода
(1:45:00) Эндпоинт обновления JWT токена
FRONTEND
(1:55:10) Инициализация клиента на React.js
(1:56:02) Установка зависимостей
(1:57:30) Создание папок
(1:58:24) Header
(1:59:59) Логика смены темы
(2:10:40) Страница Входа и Регистрации
(2:19:12) Начало работы с Effector.js
(2:29:18) Создание Алерта и Спиннера
(2:35:45) Эндпоинт логина
(2:43:00) Эндпоинт регистрации
(3:00:15) Страница расходов
(3:15:50) Логика создания расхода
(3:20:16) Логика получения всех расходов
(3:34:29) Логика обновления JWT токена
(4:13:18) Логика удаления расхода
(4:23:42) Логика изменения расхода
(4:58:47) Адаптив
DEPLOY
(5:09:23) Деплой сервера
(5:18:05) Деплой клиента
(5:23:00) Аутро
QIWI Кошелек: qiwi.com/n/DARYR422
#js #javascript #nestjs #mongodb #react #effector