Одностраничный сайт для благотворительного фонда "Лучшие друзья", выполненный в рамках дополнительного проекта на курсе "Веб-разработчик" в Яндекс.Практикуме. Проект выполнен в команде с однокурсником Антоном Войтенко и был выбран заказчиком лучшим среди работ других студентов. В ближайшем будущем новый сайт будет размещен здесь.
Фонд «Лучшие друзья» помогают людям с ограниченными возможностями познакомиться и подружиться со сверстниками без инвалидности, найти работу и жить самостоятельно. Для таких людей на сайте размещена кампания по сбору средств на спортивные тренеровки по волейболу и футболу.
На сайте размещена форма по отправке пожертвований для Фонда. Прием платежей осущевляется посредством виджета CloudPayments, есть возможность как выбрать предложенную сумму, так и ввести свою, совершить как разовое пожертвование, так и оформить ежемесячный платеж. Для отслеживания суммы пожертвований реализован прогресс-бар. Для демонстрации его функционала используется сервис Shetty, который заносит все платежи в Google-таблицу, откуда сайт забирает данные посредством fetch запросов и заполняет прогресс-бар.
Для удобства все изменямые значения (ссылка на таблицу, токен доступа, требуемая сумма для сбора, ID платежной системы) вынесены в отдельный config файл.
О сайте можно рассказать друзьям, для этого присутствуют share-кнопки популярных социальных сетей. Фотогалерея Фонда реализована с помощью плагина Slider.js.
Сайт адаптирован под все популярные разрешения устройств.
Нативный JS, CSS, HTML, WebPack, GIT, Babel.
- Склонировать репозиторий
- Доставить отсутствующие модули npm
npm install
- Запустить локальный сервер
npm run dev
- Склонировать репозиторий
- Доставить отсутствующие модули npm
npm install
- Запустить сборку проекта
npm run build