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

Описание: 🔥 Наши интенсивы и мастер-классы — без воды, только практика:
РФ - https://htmllessons.ru/intensives
Мир - https://htmllessons.io/intensives

Скачать 🖥 папку проекта в нашем ТГ (закреп) - https://htmllessons.ru/repositories/88
❤️ Отзывы тут - 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-intensive...
☑️ Чеклист "С нуля до 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://htmllessons.ru/repositories/96
Мир - https://htmllessons.io/repositories/96
🎹 Клавиатура - 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/hrdmx

🌿 Плейлист с полными курсами для новичков и не только -    • Полные курсы  

👉 Все ссылки (+ настройка редактора) и информация обо мне:
РФ - https://htmllessons.ru/links
Мир - https://htmllessons.io/links

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