Skip to content

Instantly share code, notes, and snippets.

@soul-wish
Created April 24, 2019 09:26
Show Gist options
  • Save soul-wish/19ff48fbd272c4da65d8d207df25c6fe to your computer and use it in GitHub Desktop.
Save soul-wish/19ff48fbd272c4da65d8d207df25c6fe to your computer and use it in GitHub Desktop.

Web-приложение photo-gallery 🌄

Задача

Необходимо создать простое приложение, которое отображает фотографии используя открытое API picsum.photos.

Основные требования

  • вся работа должна происходить только на стороне браузера (запросы, обработка данных, отображение);
  • внешний вид/layout приложения можно реализовать на ваше усмотрение;
  • у приложения должно быть хотя бы два "состояния" (например: главная страница со списком фотографий и страница с просмотром конкретной фотографии или же страница с просмотром понравившихся фото или же то, что вы придумаете);
  • нельзя использовать готовые CSS-фреймворки (Twitter Bootstrap, Foundation и др.), весь CSS код необходимо написать самостоятельно (использование CSS пре/пост-процессоров приветствуется);
  • при просмотре фотографий обязательно должна быть пагинация для постраничного отображения и возможность изменить количество фотографий, которые отображаются в пределах одной страницы;
  • проект должен быть оформлен в виде репозитория на GitHub или Bitbucket;
  • должна быть возможность просмотреть работающее приложение (либо инструкции как запустить, либо приложение должно быть куда-то вылито – GitHub/Bitbucket pages);
  • внутри репозитория (в корне) должен быть файл readme.md с описанием используемых инструментов, инструкциями к запуску и списком проблем с которыми вы столкнулись во время разработки;
  • весь CSS и JS код должен быть оптимизирован для браузера (желательно этот процесс автоматизировать);
  • поддерживаемые браузеры: две последние стабильные версии популярных браузеров (Chrome, Firefox, Opera) и IE11.

Пожелания

  • очень желательно использовать AngularJS (не путать с Angular);
  • использование любой системы автоматической сборки кода;
  • возможность просмотреть фото в увеличенном размере (в модальном окне или на отдельной странице приложения);
  • возможность добавить фото в "понравившиеся" и, соответственно, возможность просмотреть список понравившихся фото в любое время, даже после перезагрузки приложения в браузере (сохранение списка реализовать на стороне текущего браузера);
  • добавление дополнительной, полезной функциональности для приложения будет плюсом.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment