GithubHelp home page GithubHelp logo

biz-alert-ru / biz-alert.ru Goto Github PK

View Code? Open in Web Editor NEW
7.0 7.0 6.0 1.6 MB

Карта Российского бизнеса, терпящего бедствие.

Home Page: https://biz-alert.ru

License: GNU General Public License v3.0

CSS 13.06% Vue 75.33% JavaScript 11.38% HTML 0.23%

biz-alert.ru's People

Contributors

btseytlin avatar mrcatman avatar r0man1337 avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar

Forkers

r0man1337 kirill-dev-pro mrcatman macket proowler ivanblinov2k17

biz-alert.ru's Issues

Добавить меню навигации

Нужно добавить меню в правом верхнем углу.
В меню заголовки основных блоков:

  • Карта
  • Петиция
  • Нас поддержали
  • Контакты
  • Поддержать проект

При нажатии на кнопку скролл прокручивается на нужный блок.

Меню не надо отображать на мобильных устройствах.

Подключить геокодер, чтобы координаты подтягивались из адреса

Сейчас возможно поставить на карте метку в одном месте, а адрес поставить другой.

Нужно подключить геокодер API Яндекс карт:
https://tech.yandex.ru/maps/geocoder/?from=mapsapi

Воркфлоу:

  1. Если пользователь кликнул на карту, по координаты подтягивается адрес и автоматически заполняется в форму
  2. Если пользователь изменил адрес, то координаты обновляются

Блок избранных коментариев

Нужно добавить блок, который отображает все отметки, у которых стоит атрибут "fav": true

Screenshot from 2020-04-30 11-14-17

Блок располагается после блока о петиции и перед блоком "нас поддержали".

Надо изменить создание отметки так, чтобы по умолчанию устанавливался атрибут "fav": false

Блок "Проект в СМИ"

Добавить блок со ссылками на публикации о проекте.
Сейчас:

Список будет пополняться.

Нужно расположить его над блоком "нас поддержали".

Подключить manifest

Предполагаю, что есть один единственный html-файл index.html
Ему в <head> надо прописать <link rel='manifest' href='static/manifest/manifest.json'>

Изменить порядок блоков

я бы поменял порядок блоков чтобы все это смотрелось как связная целостная история. Сейчас то, ради чего это все затевалось - интерактивная карта - теряется в остальном тексте. Перед ней еле заметно написано "нажмите на карту, чтобы отметить бизнес".
Петиция - это вообще другая история, но она никак визуально не отделена.

Как надо сделать:

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

  2. Ниже подпись "Эта карта - сигнал тревоги", разъясняет что это за карта и какой ее основной посыл - вроде логично

  3. Потом блок про "Бедствие" - результируем, фиксируем проблему и говорим "Посмотрите, что вообще-то творится". Перед выводом можно добавить счетчик для наглядности масштаба.

  4. А дальше 2 кнопки. Первая - с посылом "Тоже стали жертвой карантина?". Тогда вам наверх заполнять свои данные на карте. Можно прям сразу по нажатии этой кнопки выводить форму.
    Вторая - условно "Не предприниматель, но неравнодушны ко всему происходящему и готовы оказать посильную помощь? - начните с петиции". Что за петиция?

  5. А вот пожалуйста, вся информация о петиции. Ее б визуально выделить, чтобы было понятно, что это такой "сайд-квест". И кнопочку позаметнее сделать.

MVP Механизм модерации заявок

Сейчас заявки попадают напрямую на карту.

Нужно сделать так, чтобы они публиковались только после одобрения модератора.

Воркфлоу:

  • Добавить в заявки поле display, по умолчанию false
  • Получать из firebase и отображать на карте только заявки с полем display=true
  • Всем существующим заявкам надо проставить display=true. Нужна миграция!

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.