Проект «Пинк»

Студент: Ирина Рамицан.
Наставник: Виктория Коваленко.

Адаптивный, кроссбраузерный сайт приложения "Pink" для раскрашивания серых будней в розовый цвет :) По совместительству - еще и мини-фотосайт, где пользователи могут выкладывать фото, писать комментарии, ставить лайки, участвовать в конкурсе.

GitHub Pages: https://ramitsan.github.io/Pink/

В процессе написания проекта были использованы инструменты и технологии:

HTML5;
SASS (SCSS);
JavaScript;
Gulp;
БЭМ;
SVG-спрайты;
ретиновая графика для экранов с повышенной плотностью пикселей;
Flexbox;
изображения в формате WebP;
оптимизация шрифтов.

Сайт идентично отображается в последних версиях браузеров Chrome, Firefox, Safari, Edge, Internet Explorer11.

Для запуска скачайте архив проекта себе на компьютер, распакуйте. В папке проекта запустите команды:

npm install
npm run build

В результате сборки должна получаться папка build со всеми необходимыми файлами.

Перестроение сеток и элементов происходит на следующих разрешениях:

320px — мобильная версия,
660px — планшетная версия,
960px — десктопная версия.

Полезный файл:

Contributing.md — руководство по внесению изменений.

Не удаляйте и не обращайте внимание на файлы:
.editorconfig, .gitattributes, .gitignore, .stylelintrc, .travis.yml, package-lock.json, package.json.

Ramitsan/Pink

Проект «Пинк»