Vue.js Sneaker Shop — это интернет-магазин кроссовок, разработанный с использованием Vue.js и TailwindCSS. Этот проект демонстрирует основные возможности Vue.js, включая использование Composition API (современного подхода), а также реализацию функционала интернет-магазина.
Проект реализован с использованием следующих технологий:
- Vue.js — основной фреймворк для создания пользовательского интерфейса.
- TailwindCSS — для стилизации компонентов.
- Vue Router — для маршрутизации между страницами.
- MOKKY.DEV — для хранения данных о товарах.
- auto-animate — для добавления анимаций в приложение.
Чтобы запустить проект локально, выполните следующие шаги:
- Клонируйте репозиторий:
git clone https://github.com/ff0xxx/vue.js-pet-project.git
- Перейдите в директорию проекта:
cd ./vue-sneaker-shop
- Установите зависимости:
npm install
- Запустите локальный сервер:
npm run dev
- Откройте браузер и перейдите по адресу
http://localhost:5173.
После запуска приложения вы сможете:
- Просматривать доступные кроссовки.
- Использовать сортиртировки и фильтры для поиска по названию.
- Добавлять товары в корзину.
- Оформлять заказы через интегрированные платежные системы.
- Сохранять товары в закладки.