Представляет собой одностраничное приложение для диджитал агентства CAPS Agency
В приложении реализован следующий функционал:
- бегущая строка с отображением текущих клиентов агентства
- якорные ссылки с плавным скроллом к различным секциям сайта
- при скролле вниз и исчезновении из области видимости первой основной секции появляется допонительное меню с навигацией в верхей части сайта
- слайдер с информацией о каждом сотруднике (переключение слайдов либо по стрелке в правой части карточки, либо при нажатии на соответсвующую специальность)
- голосовые сообщения сотрудников
- слайдер с карточками различных кейсов
- секция с услугами агентства, где все данные, введённые пользователем, собираются в один объект (отображается в консоли разработчика при отправке)
- Адаптивная вёрсткая
- Использование препроцессора Sass/SCSS
- Использование методологии БЭМ
- Приложение было собрано с помощью CRA (Create React App)
- Был использован компонентный подход с использованием технологий React
- Анимации появления элементов реализованы с помощью Intersection Observer API (react-intersection-observer) и библиотеки react-awesome-reveal
- Голосовые сообщения реализованы при помощи wavesurfer.js
- Клонируйте данный репозиторий локально на своё устройство
- Установите зависимости при помощи команды
npm i - Запустите проект с помощью команды
npm run start
Разработан основной функционал приложения
Из доработок планируется:
- оптимизация ререндера компонентов
- отправка данных пользователя на бэкенд
- типизация кода на TypeScript