Стек технологий:
- PHP-фреймворк: Symfony или Laravel
- Фронтенд: jQuery, CSS3, HTML5, Material Design Lite, Bootstrap, ES5 или ES6
- Сервер: nginx
- База данных: mysql
Нужно сделать простое портфолио фотографа (мокап тут https://1drv.ms/i/s!AgKyCrqi_08vpIp-XiuyDbPEQ1l1Vw):
- Развернуть git-репозиторий на github или bitbucket etc. Все дальнейшие пункты должны фиксироваться коммитами в этот репозиторий
- Сделать форму для загрузки изображения. Изображение должно отправляться на сервер ajax запросом, без перезагрузки страницы и без фреймов. Поля формы - "Название изображения" и "Выберите изображение"
- Изображения складываются в публичную папку, инфрмация об изображениях складывается в базу данных mysql. Схема базы на своё усмотрение
- Сверстать страницу простым гридом (пример на мокапе). Вёрстка должна быть адаптивная
- Реализовать бесконечную подгрузку изображений и добавление их в сетку при прокрутке страницы
- Добавить кнопку "Показать случайное изображение", нажатие по которой отправляет ajax запрос на сервер. На сервере, с помощью php и mysql, необходимо достать случайную запись и отдать в колбэк ajax-запроса src изображения и статус, что всё хорошо в формате json. Показать изображение в модальном окне (можно bootstrap modal)
- С помощью конфига nginx реализовать отдачу изображений с другого субдомена, например static.domain.com
- nginx
- Laravel
- MySQL
- Material Design Lite
- ES6, fetch, vanilla.js