Skip to content

Latest commit

 

History

History
70 lines (49 loc) · 3.01 KB

README.md

File metadata and controls

70 lines (49 loc) · 3.01 KB

FirtProjectVue

Приветствую! Это мой первый проект, созданный с использованием технологии Vite и Vue 3. Проект представляет собой веб-сайт для продажи репродукций картин. Макет отредактированный мной находится по этой ссылке: Макет отредактированный мной находится по этой ссылке

Демо - https://eg0r0k.github.io/FirtProjectVue/

Технологии

  • Vue 3: Фреймворк.
  • Vite: Сборщик проекта.
  • Vue router 4 Роутинг по приложению.
  • SCSS: Предпроцессор для стилей.
  • Pinia: Библиотека для работы со стейтами.
  • Prettier: Инструмент для форматирования кода для поддержания единообразного стиля кодирования.
  • Figma: Использовался для редактирования и добавления своего дизайна в готовый макет.
  • FSD: Архетекрура приложения

Установка

  1. Клонируйте репозиторий:
git clone https://github.com/Eg0r0k/FirtProjectVue
  1. Установите зависимости
cd FirtProjectVue
npm install
  1. Запуск проекта
npm run dev

Для запуска продакшн версии

npm run build

Формотирование готового кода

npm run format

Дополнительная информация

  • Проект был переписан с CSS на SCSS для более удобной и поддерживаемой стилизации.
  • Использование Pinia обеспечело более эфективное организирование данных.
  • Prittier был добавлен позже для поддержания стиля кода и лучшей читаемости.

В проекте реализоанны следующие функции:

  • Полная адаптивность.
  • "Burger" меню.
  • Добавление и удаление, а также подсчет стоймости в корзине.
  • Филтрация картин по странам.
  • Рендер всей информации из State.
  • Переход на полную информацию о картинах.
  • Скролл до последне нажатой картины.

Замечания

Если у вас есть предложения, вопросы или вы нашли ошибку/ошибки, не стесняйтесь создавать Issues или Pull Requests. Буду благодарен за ваш вклад.