Цей репозиторій містить вихідний код вебсайту для салону лазерної та електроепіляції "Plan B".
Сайт розроблений з використанням сучасних технологій та практик веб-розробки, щоб забезпечити:
- зручний користувацький інтерфейс
- високу ефективність обслуговування клієнтів
- швидке завантаження сторінок
- адаптивність до різних пристроїв
Проект побудовано на наступному технологічному стеку:
- 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.
- Компоненти розташовані у директорії /src/components.
- Модулі розташовані у директорії /src/modules.
- Компоненти - це окремі нежалезні частини, які можна перевикористовувати.
- Модулі - це блоки (секції), які ми підключаємо до page.
Для додавання змін до проекту виконуйте наступні кроки:
- Створення та переключення на нову гілку:
git checkout -b <імя-вашої-гілки>
Назва гілки відповідає задачі, яку ви виконуєте (feat/ticket-1/create-header / bugfix/ticket-42/slider-navigation-fix)
- Додавання змін:
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
- Ірина Дідківська: Розробник
- Тарас Ковалик: Розробник
- Ольга Лазаренко: Розробник/QA