GithubHelp home page GithubHelp logo

ton9q / rsconf-landing-page Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 10.2 MB

https://ton9q.github.io/RSConf-landing-page/

License: MIT License

JavaScript 72.06% CSS 27.94%
rolling-scopes-school gatsby react json i18n react-bootstrap modal-dialog timeline eslint

rsconf-landing-page's Introduction

CodeJam-Culture-Portal

Deadline: Monday, Jan 28, 2019 23:59

Задание

Реализовать портал культуры Беларуси, работая в группе и по выданной теме.

Цель - сделать быстро контент проект, используя простые доступные инструменты, распределяя работу и помогая друг другу.

Выдача задания и группы

Узнать свою группу и контакты можно тут - https://docs.google.com/spreadsheets/d/1VMUmAlqGDTOopt1WotosQBVLLSD4n6MGU7BoSE_l_Z8/edit#gid=0

Темы

Примерный алгоритм для групповой работы

  • Завести групповой чат с участниками
  • Обсудить, кто в какой области силен
  • Выделить задачи размером в пару часов
  • Задокументировать их
  • Можно использовать ресурсы для командной работы - trello.com / GitHub Projects / завести задачи в googlesheets (вот возможный шаблон)
  • Кто-то должен сделать первичную структуру проекта - потом остальные будут делать PR
  • совместная работа будет вестись через пул реквесты, т.е. кто-то из команды / или все мержат пул реквесты
  • надо учесть время, если что-то пойдет не так и потребуются исправления перед дедлайном
  • студенты могут привлекать своих менторов, если сами менторы не против

Тех задание

Портал должен содержать следующие компоненты / функциональные части / блоки:

  • главную страницу с
    • описанием портала
    • блоком "автор дня"
    • описанием команды проекта (аватарки + гитхаб аккаунты + ники / имена)
  • навигацию
  • страницу со списком деятелей культуры по заданной теме с поиском
    • поиск должен производиться по имени на текущем языке и по городу / месту рождения
    • для выполнения задания будет достаточно 5-7 деятелей культуры, можно больше, если будет время и желание
  • страницу деятеля культуры с
    • его фотографией,
    • биографией, выполненной в виде таймлайна (пример по ссылке)
    • списком произведений соответствующей темы вместе с годом создания
    • галереей фотографий, относящихся к человеку и его произведениям
    • youtube видео про автора / произведение / эпоху, в которой он жил. Видео должно открываться в отдельном оверлее.
    • местом его основной деятельности в виде отметки на карте google / openstreetmap (leaflet) / yandex
    • для нескольких страниц нормальная ситуация, когда нету одного из элементов (таймлайна, видео, фотогалереи, геовиджета)
  • сайт должен быть залит на GitHub Pages
  • сайт должен быть на 3 языках - by, ru, en. Контент для каждой версии может отличаться, но элементы интерфейса должны быть переведены. Для переводов в реакте можно взять библиотеку https://www.i18next.com/ или любую аналогичную.

Портал должен относительно корректно отображаться в планшетном и мобильном представлении.

Контент для портала (тексты, факты + год для таймлайна, фото для галереи, ютуб ролик, место жизни / деятельности) можно брать из википедии, ютуба, гугла.

Пример дизайна / UX: http://ses.fi/en/films/categories/documentaries/ https://www.aia.org/aia-architects?filters=typeFilters%3A2496%3B https://literature.britishcouncil.org/writers/?Genre=3

Галереи / таймлайны / оверлеи можно искать на https://bestofjs.org/

Дизайн / внешний вид не важны для выполнения задания. Главное, чтобы на странице присутствовал текст / таймлайн / кнопка для видео / фотогалерея / контрол для поиска на странице списка.

Технические ограничения

Создавать портал можно с помощью библиотек визуальных компонентов - material-ui, boostrap. Можно использовать любые СSS фреймворки.

Приложение может быть как SPA, так и просто набором статических html. Можно использовать Reactjs и любой static generated website engine. Для получения дополнительных баллов можно использовать gatsbyjs.

Контент для страниц и внутренние структуры данных для таймлайна / поиска / геовиджета / фотогалереи / видео оверлея необходимо продумать самостоятельно.

Как сдавать

К концу дедлайна необходимо заполнить форму с участниками команды и ссылкой на гитхаб страницу.

Человек с самым низком скором в группе, которая принимает участие в задании, должен онлайн представить проект своей команды. В презентации надо показать:

  • главную страницу
  • список деятелей с полем поиска (фильтрации)
  • страницу деятеля культуры с фотогалереей и видео
  • рассказать про 1-3 сложностей, возникших во время командной работы

Сдача будет происходить онлайн в 2 сессии по 2 часа Денису Шеко / Диме Воробью. 30 января - 1 февраля.

Требования к коммитам, PR, репозиторию

Общие требования из этапа 2

Оценка

Оценка будет одинаковой для всех участников группы по результатам презентации.

Максимальная оценка - 130

  • 20 Главная страница + страница со списком авторов + страница автора
  • 10 Страница автора содержит таймлайн
  • 20 Страница автора содержит фотогалерею
  • 10 Страница автора содержит видео оверлей
  • 10 Страница автора содержит геовиджет
  • 10 Страница cписка авторов содержит виджет поиска
  • 20 Перевод портала на 2 языка
  • 10 Перевод портала на 3 язык
  • 10 Уверенность презентации проекта
  • 10 Проект сделан на gatsbyjs
  • до -50 баллов за нарушения stage2-tasks-requirements

Кто выполняет проверку задания?

@davojta / @dzmitry-varabei

rsconf-landing-page's People

Contributors

saniok017 avatar sergey496 avatar ton9q avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.