🚀 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://htmllessons.io/links #CRMСистема #Vue #Nuxtjs #vuequery #typescript #vue3 #RedGroup