SHOP-API [CLIENT]

Демонстративный проект который показывает как работает интерфейс интернет-магазина. Это клиентская часть целого приложения, сервер находится по этой ссылке.

Технологии которые используется в проекте

• VueJS - развивающая библиотека для создания SPA приложений.
• NuxtJS - 🚀 фреймворк над VueJS для создания как CSR так и SSR приложений.
• NuxtUI - UI библиотека для NuxtJS.
• VueUse - библиотека с полезными утилитками для VueJS с модульным портированием для NuxtJS.
• Pinia - Крутой стейт менеджер для VueJS с портированным модулем 😎
• Typescript - Типизация для уменьшение ошибок при (-пере)использования кода.
• zod - Полностью типизированная Typescript библиотека для создания схем, в моём случае форм.
• Eslint - Линтер отслеживания ошибок в коде, отдельный удобный конфиг от @antfu (как без этого писать проекты 🤷‍♂️)
• Tailwind - Крутой инструмент для БЫСТРОГО написания стилей.
• maska - библиотека для создания масок для элементов формы и очень даже приятная в использовании.
• DayJS - старая и популярная либа для форматирования дат, установлена как модульное портирование.
• @iconify-json - прикольная библиотека для использования КУЧУ иконок в проекте, установлены mdi иконки.

Установка зависимостей

Перед использованием, убедитесь что установили зависимости проекта

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Режим разработки

По умолчанию сервер запускается с портом 3000, по ссылке: http://localhost:3000

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Сборка

Вы можете собрать проект двумя способами:

1. Продакшен build:prod
2. Режим разработки build:dev

Это было сделано для тестирования приложения вне зависимости от того какая цель запуска.

# npm
npm run build:dev
npm run build:prod

# pnpm
pnpm run build:dev
pnpm run build:prod

# yarn
yarn build:dev
yarn build:prod

# bun
bun run build:dev
bun run build:prod

И, так же можно сделать предварительный просмотр сборки

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Что где хостится

• Front и Back часть находятся на Vercel
• База данных находиться на Render

---

Если нашли ошибку либо опечатку в описании, пожалуйста напишите об этом создав в ишью.