Code Monkey home page Code Monkey logo

itgm's Introduction

Piter-United

  • React Static
  • React Apollo
  • Graph.cool

Development

npm install
npm start

Build

npm run build

Publish by travis

npm run publish

itgm's People

Contributors

aitem avatar aleksey-ilin avatar alexsuslov avatar amshkv avatar dependabot[bot] avatar econavi avatar enmalafeev avatar frontstall avatar glagius avatar jurassic-period avatar leningradez avatar maximtop avatar mike1pol avatar nikiforovjacob avatar realetive avatar suchimauz avatar zipofar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

itgm's Issues

Просмотр профиля участника

Как Участник, хочу иметь возможность просмотреть профили участников, которые:

  • присоединились к обсуждению интересных мне тем
  • зарегистрировались и хотят посетить мероприятие
    чтобы запланировать с кем хочу познакомиться в рамках слета.
    (в будущем возможно прикрепим функциональность чата между участниками)

Макет: https://zpl.io/V4MAyJ4
(с учетом что у нас будет понятие публичного профиля, т.е. профиля в котором не будет контактных данных и ссылок на человека)

Отмена регистрации (отказ от участия)

Как Участник, который передумал участвовать в слете, я хочу иметь возможность отказаться от участия в слете, чтобы организаторы меня не ждали на мероприятии!

Примечание:

  • темы, в которых этот участник был автором - инактивировать?
  • темы, в которых этот участник заявил участие - убрать его из участников

Редактирование своего профиля

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

Макеты:

  • страница редактирования профиля: https://zpl.io/2vkk4We
  • страница просмотра профиля с возможностью перейти в редактирование: https://zpl.io/VY77ORm

Поиск по списку тем

Как Участник ITGM, хочу поискать по темам (по ключевым словам), чтобы просмотреть только релевантные мне и присоединиться к интересным из них.

Примечание:

  • Поиск по названию темы, описанию темы, названию сообщества, имени автора

Бот в Телеграмм

Привет!
Есть проверенное API для работы с телеграмм. Есть возможность сделать регистрацию и распространение приглашений через Телеграмм.

для работы потребует инстанс вне "р оском надзора" или впн.

https://github.com/go-telegram-bot-api/telegram-bot-api

Возможность проголосовать (присоединиться) к созданным темам (чужим)

Как Участник ITGM, хочу лайкать/присоединяться к темам, в обсуждении которых я хочу поучаствовать, чтобы эти темы были выбраны в программу и я смог в них принять участие на ITGM!

Примечание:

  • Поставив лайк, участник добавляется в команду обсуждения темы и его профиль будет доступен для просмотра списка участников темы

Форма регистрации при первой авторизации (форма профиля)

Как Участник ITGM, хочу заполнить форму регистрации и выбрать интересные мне сообщества, чтобы меня пустили на мероприятие.

Примечание:

  • предзаполнить форму данными из social network (через которую авторизовался)
  • обязательно запросить проставить "основное сообщество"
  • опционально - дать возможность выбрать доп. интересы (другие интересные сообщества)

Набор полей для формы регистрации:

  • Фото - опционально - доставать при авторизации!
  • ФИО * - доставать при авторизации!
  • Email * - доставать при авторизации!
  • Телефон (опционально) - доставать при авторизации!
  • Компания * - возможно, доставать при авторизации!
  • Специализация *
  • Основное сообщество *
  • Дополнительные сообщества (интересы) - опционально
  • Опыт в IT * - до 1 года, 1-3 года, 3+ лет
  • Несколько слов о себе и своей деятельности - опционально

Возможность создавать/предлагать темы для дискуссий (активности)

Как Участник ITGM, хочу создавать/предлагать интересующие меня темы для дискуссий на ITGM, в которых я хочу участвовать, чтобы остальные участники могли проголосовать за них и присоединиться к их обсуждению на ITGM.

Примечание:

  • Заголовок темы (активности)
  • Краткое описание темы (активности)
  • Тэги: множественный выбор сообществ, для участников которых эта тема будет релевантна
  • Автор темы - ссылка на пользователя (это нужно для возможности редактировать/удалять)
  • Участники темы - автор + все кто поставит лайк теме

При создании темы, авторе темы сразу становится одним из участников этой темы, т.е. присоединяется к теме и проставляется лайк (если будем делать лайки).

Возможность просматривать список тем, искать по ним и фильтровать их

Как Участник ITGM, я хочу просматривать список предложенных тем, чтобы выбрать интересные мне темы и присоединиться к команде обсуждения (лайкнуть).

Примечание:

  • Список тем (тема, содержание, участники обсуждения/лайкнувшие)

Выбрать UI Component Libraries / Frameworks

UI Component Libraries / Frameworks

1. Material Kit React

У них сейчас какая то распродажа. https://www.creative-tim.com/bundles Посмотрите!
если можно купить за не дорого готовый набор необходимых компонентов и не тратить время на их изготовление то это хороший ход.

2. Fabric React from Microsoft

3. Shards React

4. React Bootstrap

5. blueprintjs

6. semantic-ui

7. evergreen

8. Grommet

9. reactdesktop

Просмотр страницы сообщества

Как Участник, хочу почитать подробнее про сообщество и перейти по ссылкам на их публичные площадки, чтобы добавиться и быть в курсе их жизни.

Примечание: на странице сообщества

  • название сообщества
  • описание сообщества
  • список участников - указавших сообщество как основное
  • список тем - которые привязаны к сообществу
  • ссылки на онлайн площадки сообщества

Макет: https://zpl.io/VkorND8

Задачки на проектирование UI (пачка хотелок)

Идеи/задачи, которые надо продумать и реализовать:

  • Нарезать и приложить к задачам иллюстрации, которые используются в макетах и их надо встроить в верстку
  • Страница партнера - по каждому партнеру надо делать еще и отдельную страницу, чтобы была возможность разместить расширенный контент по партнеру
  • Публичный профиль участника - у каждого участника должен быть публичный (урезанный) профиль, который доступен другим участникам (без контактов и id)
  • Лендинг - блок с историей мероприятий, краткое описание и ссылки на предыдущие мероприятия (на лендинги или отчеты/пострелизы)
  • Лендинг - добавить блок с статистикой/аналитикой по участникам, который будет строится в real-time по данным: количество участников и график регистраций, распределение участников по сообществам, распределение участников по опыту в IT
  • ... продолжение следует

Фильтрация списка тем

Как Участник, хочу найти интересные мне темы, отфильтровав их по интересным мне сообществам и/или меткам (tags), чтобы быстрее найти темы интересные мне и присоединиться к ним (лайкнуть).

Макет: https://zpl.io/aMN47dr

Просмотр списка участников темы (присоединившихся)

Как Участник ITGM, хочу видеть планирует участвовать в дискусси по теме, чтобы ознакомиться с публичными профилями участников и принять решение об участии в этой дискуссии.

Примечание:

  • Просмотр списка участников дискуссии (всех кто присоединился к теме)
  • Возможность просмотреть (быстрый просмотр) публичного профиля участника

Макеты:

Подтверждение email при регистрации

Как Администратор, хочу чтобы на мероприятие регистрировались люди только под настоящими, собственными email-ами,

  • чтобы исключить мошенничество
  • чтобы делать последующие рассылки о слете участникам
  • чтобы участник в последствии мог восстановить свой пароль

Примечание:

  • После регистрации (ввода email & password) необходимо отправлять email с временной ссылкой подтверждения email, переходя по которой участник сможет продолжить регистрацию (заполнить свой профиль).

Макеты:

  • экран с сообщением об отправленном email для подтверждения
    @mkrdna
  • сообщение при переходе по временной ссылке из email
    @mkrdna

Страница "О нас"

Как Потенциальный участник, хочу почитать подробнее про инициативу Piter United и мероприятие IT Global meetup, чтобы лучше проникнуться идеей и пропитаться принципами этого движения!

На эту страницу можно попасть из:

  • лендинга - "подробнее"
  • "подвала" - "О нас"

Макет: https://zpl.io/aNM4qo9

Интеграция с TmePad Piter United

Как Волонтер на Регистрации, хочу иметь возможность отмечать явку участника на ITGM используя инструментарий TimePad, чтобы можно было посчитать фактическое количество участников.


Как Организатор ITGM, хочу чтобы участники были оповещены о предстоящем слете, чтобы я мог делать по ним рассылку используя мощности TimePad.


Как Участник ITGM, хочу получить билет после регистрации на ITGM, чтобы предъявить его при входе на мероприятие.

===
Задача:

  • сделать интеграцию Aidbox и Timepad через их Timepad API
  • после регистрации у нас на платформе, скидывать информацию об участнике в Timepad
  • чтобы Timepad высылал билеты, напоминал о мероприятии, позволял делать рассылки

Возможность удалить свою тему

Как Участник ITGM (подавший тему), хочу иметь возможность удалить (инактивировать), чтобы моя тема не вошла в программу и не участвовала в голосовании.

Примечание:

  • удаление - это инактивация темы, т.е. не полное удаление

Поменять смену аватара в профиле.

Необходимо оптимизировать получение данных в хедере, чтобы меньше мелькала смена аватара / иконки пользователя.
Сейчас она дёргается при переходе на любую страницу.

Общий Layout, NavBar & Footer для всего приложения

Как Пользователь ITGM App, хочу навигировать между страницами приожения, чтобы выполнять разные задачи:

  • просматривать и создавать темы
  • смотреть список сообществ и профили сообществ
  • смотреть список участников и т.д.

Восстановление пароля по email, если забыл

Как Участник, хочу иметь возможность восстановить пароль для входа в ITGM App, чтобы переустановить пароль в случае если забыл его.

Примечание:

  • Возможность переустановить (сбросить) пароль и задать новый
  • Запрашиваем email, отправляем письмо с временной ссылкой
  • При переходе по временной ссылке из email даем задать новый пароль (дважды)

Макет:

  • Страница для ввода email с целью восстановления (сброса) пароля
    @mkrdna
  • Страница для вывода сообщения о том что на email выслано письмо для смены пароля
    @mkrdna
  • Страница для ввода нового пароля
    @mkrdna

Возможность зарегистрироваться или войти через email (альтернативна соц. сетям)

Как Потенциальный участник, я не хочу авторизовываться через соц. сети, а хочу зарегистрироваться на мероприятие используя свой email и пароль, чтобы стать участником мероприятия и получить билет на него!

Важно:

  • в рамках задачи важно реализовать проверку на существование пользователя в системе, т.к. от этого зависит сценарий пользователя
  • в рамках задачи важно реализовать (настроить в Aidbox) отправку email с временной ссылкой для подтверждения email
  • в рамках задачи важно реализовать проверку на заполненность профиля, т.к. от этого зависит сценарий пользователя

Сценарий регистрации:

  1. Нажать на кнопку зарегистрироваться
  2. Ввести email и password
  3. Проверить что пользователя не существует
  4. ITGM App высылает email для подтверждения email
  5. Подтвердить email перейдя по ссылке из письма отправленного после п2
  6. Получить сообщение что email успешно подтвержден
  7. Заполнить профиль участника (обязательные поля)

Сценарий входа:

  1. Нажать на кнопку войти
  2. Ввести email и password
  3. Проверить что пользователь уже существует и профиль заполнен
  4. Открыть страницу с программой (списком тем)

Возможность авторизоваться через social networks

Как Участник ITGM, я хочу иметь возможность авторизоваться через социальные сети, чтобы получить доступ к созданию тем и голосованию за темы (к закрытой части сайта).

Примечание:

  1. Социальные сети, которые необходимо поддержать:
  • GitHub,
  • Fb,
  • Vk,
  • Google,
  • LinkedIn,
  • Twitter,
  • Instagram
  1. При авторизации необходимо получать с социальной сети следующую информацию: Name, email, avatar, phone, company (уточнить на этапе реализации, что можем достать).

Добавить кастомный ресурс Partner и настроить Policy

Как Неавторизованный участник, хочу посмотреть кто будет партнером слета и почитать про них подробнее, чтобы принять решение о регистрации и понять с какими ИТ-компаниями я смогу познакомиться на слете.

Примечание:

  1. Структура ресурса Partner (базовая)
  • Название компании
  • Логотип компании
  • Ссылка на сайт компании
  • Описание компании

Просмотр страницы партнера

Как Участник, хочу почитать подробнее при заинтересовавшего меня партнера слета, чтобы знать с кем смогу пообщаться на слете про карьерный рост.

Макет: по аналогии с этой страницей https://zpl.io/VkorND8

Ловушка управления в карте на главной странице.

Если скролить главную страницу роликом на мышке, курсор попадает на блок карты. Карта начинает зумится.
Как вариант можем блокировать зум или сделать прозрачный div поверх карты который будет будет скрываться по клик и давать доступ к zoom.

Просмотр страницы мероприятия

Как Потенциальный участник, хочу почитать про мероприятие:

  • когда и где будет,
  • какие сообщества участвуют (Список сообществ - ТОП10 и ссылка на все),
  • какая будет программа (ТОП-10 тем),
  • кто партнеры
    чтобы принять решение об участии и перейти к регистрации на мероприятие.

Макет: https://zpl.io/VKv0DzJ

Проблема в логике создания activity

Открываем http://localhost:1234/activity

  • нажимаем добавить тему
  • форма пустая все ок
  • открываем на чтение любую тему все хорошо
  • открываем опять добавить тему

у нас в редактировании тема которую мы смотрели
с возможностью сохранить данные

Снимок экрана 2020-02-04 в 06 43 17

Получение эл. билета на email после регистрации

Как Участник, хочу получить эл. билет после регистрации на мероприятии, чтобы предъявить его при входе на мероприятие.

Примечание:

  • интеграция с email рассыльщиком SendPulse, в части пополнения списка рассылки, на которую будет настроен триггер
  • делать будем видимо как отдельный Aidbox App (предлагаю на Node.js - у Aidbox есть для этого SDK)

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.