hospitalrun-ua / frontend Goto Github PK

Close to Login section we need to add language selector with mock data ( English/Ukrainian)

Language selector should be a simple flag which you press and can select another language :

Create a popup window for the map which contains information about region and statistics

TBA

From
minimist inside handlebars inside @lerna

Copyright (c) - open a documents( any doc for test)
Terms of Service - open a documents( any doc for test)
Privacy Policy - open a documents( any doc for test)
Cookie Policy - open a documents( any doc for test)

For example use this one: https://static.preply.com/Preply-Terms-of-Service.pdf

Similar form to Volunteers, just replace "Volunteers" with "Organization

We need now just UX implementation with mock data

The form appears after the user press a button " Долучитись як організація"

API: Organization

Organization is the main entity in project.
Provide API to:
get organization info and list of users
change organization info

For detailed Organization object definition see Tech Documentation
https://github.com/hospitalrun-ua/backend/wiki/Entities-Definition

No need to create DB at this point.
Hardcode one example organization and load it in memory for edit.

• Выбрать пакет для интеграции. Leaflet or Google Maps
  related: #3
• Интегрировать карту, определение геолокации
  (default browser geolocation, by IP as fallback, show Ukraine as 2nd fallback)
• Отображать на карте маркеры с запроса к API (mock data)

For more than 25 requests in table, we need to have simple navigation - bellow the table need to add a component which allows quick select specific page

We need now just UX implementation with mock data

From design guide:https://www.figma.com/file/a8zZGZXslthCfmXEPH2kak/%F0%9F%92%8AHospitalrun---Map?node-id=351%3A0

need replace title( to PandAid ) and icon ( take favicon/app icon with panda)

Create the footer with placeholders
4 columns : About PandAid, Partners, Resources, Contacts with mock links

Follow design guide: https://www.figma.com/file/a8zZGZXslthCfmXEPH2kak/%F0%9F%92%8AHospitalrun---Map?node-id=351%3A0

Отображение списка \ карты по запросу поиска \ фильтрам. может быть реализовано с мок данными

• Селект \ поиск по городу \ области. 2 варианта:

• Проще, быстрее, но сложнее расширять:
  Хранить на беке, запрашивать API список городов (460) и областей (24) с геолокацией.
  Примеры данных:

  • https://github.com/leonid-shevtsov/ua-cities/blob/master/ua-cities.xml
  • http://www.geonames.org/advanced-search.html?q=city&country=UA&startRow=0
  • http://shorturl.at/stEPZ

• Сложнее, дольше реализовать, но проще расширять:
  Запрашивать 3d service, например google maps API на поиск по city / region query.
  Результат запроса будет иметь геолокацию для отображения.

Доп. Сложности: данные по больницам нужно фильтровать по городу \ области, т.е названия городов и областей должны быть идентичными. если мы будем хранить у себя список это легче контролировать

• Фильтровать данные по выбраному городу, области

Для этого API должен возвращать поля city & region для каждого айтема.

In registration forms, we need have a regexp for check valid mails addresses ( like contains letters and numbers, have @ sign and etc)

https://regexlib.com/Search.aspx?k=email&AspxAutoDetectCookieSupport=1

• Определить город пользователя по локации (reverse geolocation)
  Используя gMaps API or Leaflet 3rd party services. Query by city

• Фильтровать клиники по городу \ области.

Для этого API должен возвращать поля city & region для каждого айтема.

Add background: #1540A4; to Create button in current implementation

Registration for volunteers
The window which contains such information:
Name, Surname, city, number, type of help and photo

Fill with placeholders and mock data

Design guide:
https://www.figma.com/file/a8zZGZXslthCfmXEPH2kak/%F0%9F%92%8AHospitalrun---Map?node-id=351%3A0

We not use twitter for now - nut need to add GitHub icon instead

Hi, I wanted to contribute but I faced an issue when I cloned the repo. The footer covers half of the screen. Here is a screenshot:

This is the bug on the master branch. Here is a video that shows that a newly cloned repo has this issue: https://youtu.be/NQmxjrFcwPg

Main window: add "+ Долучитись"

Popup items :

• Як Волонтер
• Як Організація

Design guide:
https://www.figma.com/file/a8zZGZXslthCfmXEPH2kak/%F0%9F%92%8AHospitalrun---Map?node-id=351%3A0

Use express session for storage of user's auth data

Need to

add 3 tabs with empty pages into life sidebar - menu 1/menu 2/....menu 5

Current implementation:

design guide:https://www.figma.com/file/a8zZGZXslthCfmXEPH2kak/%F0%9F%92%8AHospitalrun---Map?node-id=351%3A0

Click on PandAid text or logo should allow return to home page

https://hospitalhelpgroup.slack.com/archives/C010A6PH8CB/p1586026376012600

Сервіс віддає API по / , а на AWS робимо магію з мапінгом
Фрон-енд можемо покласти в S3
API буде віддавати по /
А перед ними поставити CloudFront

Where we can write articles and more

https://dev.to/julianeon/building-a-simple-blog-in-1-file-using-react-404e

Following design guide:

Create a map with possibilities to select regions
Possible implementation : SVG/Leaflet/Google Maps
Please read : #3

Implement log-out

setup Amazon SES and pass required prams as env variables to backend image

Search component should looks like :

In Current implementation :

Change component width, font color and add search icon in beginning

Change the project icon with PandAid logo : https://github.com/hospitalrun-ua/frontend/blob/master/public/favicon.ico

configure
prod and test environments for project

#1 Дослідити плюси і мінуси використання Leaflet

є доступ до розробників фреймворка
#2 Задача по геолокаціі
видача контенту по геолокаціі
пошук обєктів поряд по GPS локаціі

copied from https://github.com/hospitalrun-ua/pandemy-dashboard/issues/2

• Добавить блок списка клиник (mock data), MD стили.

• Добавить селект города или поиск по городу, области.

Design: https://www.figma.com/file/a8zZGZXslthCfmXEPH2kak/%F0%9F%92%8AHospitalrun---Map?node-id=102%3A2

screenshot:

Filter for the table - located on top of the table, allows quick filter by parameters

We need now just UX implementation with mock data

Create a popup window for Contact Information which contains personal information such as:

• personal photo ( rounded)
• full name and job position in the company
• mail, website and contact number

Fill with placeholders or mock data

Follow design guide here: https://www.figma.com/file/a8zZGZXslthCfmXEPH2kak/%F0%9F%92%8AHospitalrun---Map?node-id=351%3A0

Prepare a list of UI components which need to be translated in future in English/Ukrainian

Precondition: AWS SES is configured.

We need emails for registration and notification purposes.
Set up and config email client to be able to send emails from templates.
Service should support templates, and be agnostic to what emails are sent.

Setup Database for both environemnts

(confident full-stack) align front-back API integration. Make sure API endpoints are used in related React Pages. Bonus: refactor front-end to have API wrapper. Use Swagger API as a reference, please write comments if something doesn’t fit

All phone numbers should be in valid international form with + sign in beginning

need to create regexp to check the registration form for the valid phone number ( 11 digits and + sign)

in registration forms, we need to add regexp for check valid website addresses****

• Add button to menu

• Add cluster view similar to this

Зробити щоб футер кріпився на самому низу сайту - не залежно від скейлу і розміру таблиці