Plan B

Опис проекту

Цей репозиторій містить вихідний код вебсайту для салону лазерної та електроепіляції "Plan B".

Сайт розроблений з використанням сучасних технологій та практик веб-розробки, щоб забезпечити:

• зручний користувацький інтерфейс
• високу ефективність обслуговування клієнтів
• швидке завантаження сторінок
• адаптивність до різних пристроїв

---

Зміст

1. Технології
2. Деплоймент
3. Розгортання проекту
4. Структура проекту та CodeStyle
5. Команда

---

Технології

Проект побудовано на наступному технологічному стеку:

• Next.js: фреймворк для розробки серверно-рендерованих React додатків
• TypeScript: додає строгу типізацію, забезпечуючи більшу стабільність і виявлення помилок на ранніх етапах розробки
• React: бібліотека для створення користувацького інтерфейсу
• Tailwind CSS: утилітарний CSS-фреймворк для швидкої стилізації
• Formik: бібліотека для роботи з формами
• Yup: бібліотека для валідації форм
• Swiper: бібліотека для створення слайдерів
• React-Loader-Spinner: компоненти для відображення стану завантаження
• React-Responsive: утиліти для адаптивного дизайну
• React-Select: бібліотека для створення випадаючих списків

Деплоймент

Сайт задеплоєно на Vercel. Це забезпечує:

• швидкий доступ до вебсайту
• легке управління релізами через інтеграцію з Git Відвідати сайт

Розгортання проекту

Переконайтеся, що на вашій машині встановлені Node.js та npm (Node Package Manager). Це необхідно для запуску проекту локально.

Клонування репозиторію

git clone https://github.com/IrynaDidkivska/PlanB

Встановлення залежностей

npm install
# or
yarn install

Запуск проекту

Для локального запуску проекту використовуйте команду:

npm run dev
# or
yarn run dev

Сайт буде доступний за адресою http://localhost:3000.

Збірка проекту

Ця команда збере всі необхідні файли для запуску сайту в папці build.:

npm run build
# or
yarn run build

Запустіть веб-сервер, який буде обслуговувати ваш сайт з папки build:

npm run start
# or
yarn run start

Ця команда запустить веб-сервер, який буде обслуговувати ваш сайт з папки build.

Структура проекту та CodeStyle

Компоненти

• Компоненти розташовані у директорії /src/components.
• Модулі розташовані у директорії /src/modules.
• Компоненти - це окремі нежалезні частини, які можна перевикористовувати.
• Модулі - це блоки (секції), які ми підключаємо до page.

Гілки

Для додавання змін до проекту виконуйте наступні кроки:

1. Створення та переключення на нову гілку:

git checkout -b <імя-вашої-гілки>

Назва гілки відповідає задачі, яку ви виконуєте (feat/ticket-1/create-header / bugfix/ticket-42/slider-navigation-fix)

2. Додавання змін:

git add .
git commit -m "ваше повідомлення коміту"
git push origin <імя-вашої-гілки>

Назва коміту відповідає задачі, яку ви робили (feat: add new button component; add new button components to templates / refactor: rewrite button component in TypeScript)

Команда

Проект розроблений:

• Олег Андрійчук: Тімлід/Розробник/Steakholder
  • GitHub
  • LinkedIn
• Ірина Дідківська: Розробник
  • GitHub
  • LinkedIn
• Тарас Ковалик: Розробник
  • GitHub
  • LinkedIn
• Ольга Лазаренко: Розробник/QA
• • GitHub
  • LinkedIn

---