VadimTs12 / idaproject-nuxt

idaproject_nuxt

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

Макет

Версия Node.js 16.13.2

Основные задачи

• Создан проект Nuxt.js
• Каждый компонент являться SFC
• Использовать css-modules или scoped

Уровень 1

• Использование GIT

• Настройка сборки проекта

• Использование Vue фреймворка

• Использование CSS препроцессора

• Верстка задания согласно макету

• Стилизация состояния взаиможействе было сделано на мое усмотрение

• Верстка адаптивной версии под мобильные устройства

  Уровень 2

• Была добавлена валидация формы

• Кнопка добавления товара неактивна пока форма пуста или невалидна

• Добавление маски разделения тысячных пробелом для поля цены

• Разработка функционала добавления товара в общий список из формы

• Верстка состояния удачного добавления товара в форме на свое усмотрение

• Анимация добавления товара в список

• Анимация перехода состояний

  Уровень 3

• Добавление функционала удаления товара из списка

• Разработка функционала сохранения списка товаров при перезагрузке страницы

• Разработка функционала сортировки списка товаров параметрам

• Анимация удаления товара

• Анимация сортировки товара