Приложение "Учет моих расходов" с нуля до деплоя: JWT + Nest.js + React.js + Effector.js + Mongodb

Опубликовано: 10 Март 2026
на канале: IN OBLIVION

17,211

639

В этом выпуске мы напишем Fullstack приложение с JWT авторизацией с полного нуля и задеплоим его на бесплатные хостинги Heroku и Vercel.

Телеграм канал: https://t.me/vftuijgd
Чат для вопросов и общения: https://t.me/skillblog1
Макет: https://clck.ru/sVxvd
Postman: https://www.postman.com/downloads/

Исходники - сервер: https://clck.ru/sVy7T
Исходники - клиент: https://clck.ru/sVy8y
Результат: https://costs-client.vercel.app/costs

Получите боевой опыт на PREAX: https://preax.ru/?i=b49a2262&erid=LjN...
Реклама ООО «ПРЕАКС ПЛЭТФОРМ» erid: LjN8KB3J2 ОГРН 1237700372755, ИНН 9727035595.

(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 Кошелек: https://qiwi.com/n/DARYR422
#js #javascript #nestjs #mongodb #react #effector