? CRM система с нуля на VUE 3 / NUXT [Vue Query / VeeValidate / Pinia / Shadcn / AppWrite / TS]

Описание

? Оформить премиум подписку - https://htmllessons.ru/premium?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=big-project-crm-system-vue-nuxt-2023
❄️ Зимний марафон для разработчиков (уже 3 поток)(можно залететь после старта до 19 декабря) - https://max-redgroup.notion.site/RED-WINTER-ea5c0c277fb74aa6844087cba2286489
? Мастер-класс по авторизации (16 декабря 10:00) - https://t.me/red_master_class_bot

Скачать ? папку проекта в нашем ТГ (закреп) - https://t.me/redgroupchannel
❤️ Отзывы тут - https://t.me/htmllessons_reviews

Поддержи видео лайком, 2000 лайков ? и я снимаю большой проект на Nextjs 14 RED PLANNER!

Открываем новую главу в разработке на нашем канале! Сегодня мы научимся создавать CRM систему с нуля, используя современные инструменты и технологии. В этом проекте мы будем использовать Vue и Nuxt для создания динамичного пользовательского интерфейса. Благодаря Vue Query, мы обеспечим эффективное взаимодействие с сервером, а с помощью VeeValidate обеспечим валидацию форм. Чтобы управлять состоянием приложения, мы используем Pinia. Shadcn поможет нам в работе с дизайном, а AppWrite предоставит необходимые бэкенд-возможности. Проект будет типизирован с использованием TypeScript (TS), что обеспечит дополнительную надежность и стабильность кода. Присоединяйтесь к нам в этом увлекательном путешествии по созданию CRM системы с нуля! [CRM система с нуля на VUE / NUXT]

⚡️ Список интенсивов по подписке - https://htmllessons.ru/list-intensives?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=big-project-crm-system-vue-nuxt-2023
☑️ Чеклист "С нуля до Senior front-end" - https://t.me/checklist_redgroup_pay_bot
VK - https://vk.com/redgroupchannel

? Тема в редактор/IDE - Serendipity Sunset / Operator mono lig / Catppuccin Frappe
✨Скачать настройку VS Code - https://get.redlinks.tech/s/7hEUp1j
? Клавиатура - NuPhy Halo65 / switch Night Breeze

Если есть какие то вопросы по этой теме - дай знать в ? комментариях!

00:00:00 - Начало
00:01:42 - Стэк технологий
00:03:15 - ДЕМО проекта
00:17:37 - Тема, шрифт, иконки
00:20:40 - Инициализация проекта
00:23:00 - Структура проекта
00:29:00 - Layout в nuxt
00:41:00 - Sidebar
00:49:00 - Shadcn
01:03:30 - Подключение шрифта
01:06:00 - Настройка tailwind
01:12:00 - Делаем сайт крупнее
01:15:00 - Nuxt Icons
01:19:00 - Меню
01:33:28 - Loader
01:35:00 - Создаем back-end
01:53:40 - Главная
02:05:40 - Pinia
02:16:40 - Логин и регистрация
02:35:40 - Делаем канбан
02:52:40 - Vue Query
03:11:40 - Трансформация данных
03:29:40 - Форма добавления сделки
03:51:40 - Перетаскивание карточки
03:56:40 - Генерация градиента
04:00:19 - Исправил Баг
04:01:28 - Выезжающая карточка Slideover
04:26:40 - Комментарии к сделке
04:39:15 - Список клиентов
04:51:10 - Редактирование клиента
04:59:40 - Загрузка изображения
05:07:40 - Празднуем окончание проекта
05:09:40 - Мнение про VUE/NUXT
05:13:20 - Мнение про AppWrite
05:14:00 - Мнение про Shadcn
05:14:20 - Спасибо за просмотр!

⚡️Закрытый клуб "5 утра" - https://htmllessons.ru/ext/club
? Личный ТГ канал - https://t.me/hardmaxchannel

? Плейлист с полными курсами для новичков и не только - https://www.youtube.com/playlist?app=desktop&list=PLXkonRjGXZwxfa5YGgkENee7sQhc-Mdhd

? Все ссылки (+ настройка редактора) и информация обо мне - https://redlinks.tech/

#CRMСистема #Vue #Nuxtjs #vuequery #typescript #vue3 #RedGroup