Create status check endpoint

/api/healthcheck

Returns status code: 200
General status: bool
DB connectivity: bool

Accessible only from 127.0.0.1 if possible

• Montserrat
• Replace all caps with first capital letter

A great suggestion from the community was to use nivo.rocks as a react graph component lib

• https://nivo.rocks/ (https://github.com/plouc/nivo) based on d3
• Pie chart from https://nivo.rocks/pie
• Another sample of animated donut chart http://bl.ocks.org/dbuezas/9572040

We can play around with other charts beside pie after the initial version

Actual chart data can be found in the wireframes

The server renders plain non-translated objects on first request. Then the client renders the i18n which causes a flicker

<title>nav.login</title>

Detailed info can be found at

• SEO Roadmap

• Metadata table

• #40 Social metadata and OG

• #82 Improve headings and responsiveness

• #1157

Раздел SEO оптимизация на страници

Мета заглавия:

Възможност за ръчно въвеждане на мета заглавия.
Мета заглавието да се появява в таба на браузъра.

Мета описания:

Възможност за ръчно въвеждане на мета описанията.

URL адреси:

URL адресите да имат опция за ръчно модифициране

Н1 - Н6 Заглавия на страниците

• Възможност за настройване на Заглавията на страниците Н1 - Н6

Ако е възможно да се включи и : (ако на този етап е трудно и изисква повече ресурс, варианта е да се добавят директно в кода на страницата, когато се налага)

• Поле за настройка на Канонични адреси
• Да има избор на състояние No Index / Index

Силно препоръчително е да има:

• Включване на “BreadCrumbs”
• Структурирани данни за всяка страница - на този етап може да се въведат с код за всяка страница
• Възможност за създаване на Sitemap.XML файл или генерирането му с външен иструмент (като проблем може да се яви при добавяне на нови страници ако не се обновява автоматично, трябва да се знае и да се оновява ръчно при създаване на нови страници или публикации )

Раздел SEO оптимизация на снимки

• Заглавие на снимката (Title) - да може да се редактира
• URL адрес на снимката - да повтаря ли името на файла на снимката без разширението
• Да има поле за въвеждане на “ALT attribute”
• Да има поле за кратко описание на снимката

In order to be presentable when sharing the link in social media we better add og metadata with SSR

• https://developers.facebook.com/docs/sharing/webmasters/images

• https://docs.google.com/spreadsheets/d/1wiQJT_yHwh6nf4UKzmXg0kScdi3EIv8EGktH4AODmCY/edit#gid=0

• https://www.figma.com/templates/social-media/

• Facebook Debug Tool

• Apply to github repo

• Apply to podkrepi.bg

Add favicon pack compatible with major platforms

Steps to reproduce the behavior:

1. Go to 'https://podkrepi.bg/support.'
2. Click on "Forward"
3. Click on "Forward" again
4. See error - showing nesserry notifications just and email and GDPR form

But if you click on the other fields - "Name", "Phone", "Adress" you will see it.

Expected behavior
To show on notification on every nesserry field before you click on them but you already clicked "Forward"
button.
Screenshots

Create proof of concept that we can play custom after effects animations with ease on the homepage

• https://github.com/LottieFiles/lottie-react

• Check if file size of the bundle is not too large

• Check if we need additional 3rd party dependencies

infografic_team_v2.tar.gz

ℹ️ Contact Martin Simeonov (ninjaro) for latest version of the sources

The idea is to replace the current custom form submit buttons with a generic one

• pass extra props
• handles translation of the label
• integration with loading indicator
• located at components/common/form/SubmitButton.tsx

An iteration over the <TextField /> components so they interact with the formik context and get nested with ease.

Describe the bug
Align the arrows in the lower right corner

Affected text: "с максимална степен на прозрачност"

Example websites with similar integration:

• https://tonusmeals.com/
• https://codepen.io/Param-Harrison/pen/AXVymX

Example libs

• https://www.npmjs.com/package/typewriter-effect (5KB gz)
  • https://github.com/tameemsafi/typewriterjs
  • https://jsfiddle.net/hzfxp2L9/
• https://github.com/sgwilym/windups (245KB)

• easy to maintain and validate
• less complication in terms of code
• similar UX to other selection options

https://www.figma.com/file/IGERJuRUhZohuxq5b3O73w/Podkrepi.bg-Wireframes?node-id=105%3A9

https://www.figma.com/file/IGERJuRUhZohuxq5b3O73w/Podkrepi.bg-Wireframes?node-id=245%3A0

• The button text and size to be bigger.
• To move the buttent up.
• To make the banner photo fit in the desktop screen).
• On loading the banner text appears with different font.

Replace the current nivo pie with:
https://www.highcharts.com/demo/pie-basic

Check how it looks, currently we are facing issues with nivo pie on phone view.
If it looks better we will remove nivo and start using highcharts.
https://github.com/highcharts/highcharts-react

Sync the logo from the latest drive folder

https://drive.google.com/drive/folders/1VcZyNYQwM5vy6iP6hy2SI3RR9R1I6JZG?usp=sharing

• Sync google drive with figma
  • BG and EN logos
  • icon logo
• Import png to git public folder
• Import svg to PodkrepiLogo and PodkrepiIcon components
• Import new color scheme
• favicons via https://realfavicongenerator.net/

https://www.figma.com/file/IGERJuRUhZohuxq5b3O73w/Podkrepi.bg-Wireframes?node-id=278%3A0

• GDPR checkbox should be just below the user contact data
• Replace GDPR step with a newsletter step with agreement checkbox

Integration of authentication mechanisms is a must for the webapp

The sooner we do few steps forward, the better.

A viable solution might be to use NextAuth and add some common authentication providers like Google, Facebook and Discord.

We might skip the email/password combo with the first iteration as the backend team is not yet certain about the db to be used.

• https://next-auth.js.org/
• https://github.com/nextauthjs/next-auth-example

Setting guidelines for repository contributors

• https://docs.github.com/en/free-pro-team@latest/github/building-a-strong-community/setting-guidelines-for-repository-contributors

Motivation

Have clear process (workflow) for contributions

Samples:

• https://github.com/atom/atom/blob/master/CONTRIBUTING.md
• https://github.com/rails/rails/blob/master/CONTRIBUTING.md
• https://github.com/opengovernment/opengovernment/blob/master/CONTRIBUTING.md

Missing validating input in Phone number field

free for open-source plan

• https://leerob.io/blog/configuring-sentry-for-nextjs-apps

• https://blog.sentry.io/2019/12/17/using-github-actions-to-create-sentry-releases

• Integrate Sentry Release on deploy via github actions

• Integrate node server crashes to report to sentry

• Integrate sentry browser for the front

On mobile the Login and Registration are still visible:

To mak the language switch button as one button only, which shows the other available language.

• to be combined with the right user avatar grid
• move LocaleSwitcher component to navbar

• hub.docker.com
• ghcr.io

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" rel="stylesheet">

https://fonts.google.com/specimen/Montserrat?query=montserrat&preview.text_type=custom&preview.text=&preview.layout=row&sidebar.open=true&selection.family=Montserrat:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500

We need a POC on the integration of MobX state store and Snackbar component

Sample approach: https://medium.com/@kofno/snackbar-logic-in-mobx-a27ab504fde1

• https://mobx.js.org/
• https://material-ui.com/components/snackbars/

• Docker Compose
• CocroachDB
• ORM
  • https://sequelize.org/
  • https://typeorm.io/#/
  • https://typeorm.io/#/connection-options/postgres--cockroachdb-connection-options
• Migrations
  • https://flywaydb.org/documentation/usage/commandline/
  • https://github.com/flyway/flyway-docker#docker-compose

https://www.figma.com/file/IGERJuRUhZohuxq5b3O73w/Podkrepi.bg-Wireframes?node-id=155%3A0

404 | 500 Pages needs to be created

• #300
• 500 page

Motivation

In order to have fully working frontend project we'll need couple of common components that will ease the development.

This issue is used to track the progress on their individual development cycle.

https://ora.pm/project/277933/task/4495226

Components

• AppBar (#38, thanks to @kachar)
• Footer (#12, thanks to @ani-kalpachka)
• Nav
• MobileNav

  Responsive layout of the navigation menu

• Link (@kachar)

  Combine interfaces of https://nextjs.org/docs/api-reference/next/link and https://material-ui.com/components/links/

• LinkButton (@kachar)

  Combine interfaces of https://nextjs.org/docs/api-reference/next/link and https://material-ui.com/components/buttons/

• GenericForm (#8, thanks to @Nikola-Andreev)

  Component to be used as base in order to allow easy replacement of underlying form library

• EmailSubscriptionForm

  Reusable email subscription form. Might be used in the footer or in the body

• LoginForm (#12, thanks to @ani-kalpachka)
• RegisterForm (#12, thanks to @ani-kalpachka)
• ResetEmailForm (#12, thanks to @ani-kalpachka)
• ConfirmationDialog (#17, thanks to @Nikola-Andreev)

  Title, Description, Actions (Yes/No, Confirm/Cancel) https://material-ui.com/components/dialogs/#dialog

ℹ️ Feel free to pick a component and extract the implementation in separate issue or PR.

https://www.figma.com/file/IGERJuRUhZohuxq5b3O73w/Podkrepi.bg-Wireframes?node-id=85%3A36

• extract social links in configuration
• skip hackaton link
• responsive <Grid />

Motivation

Viable options

• https://react-hook-form.com/
• https://formik.org/
• https://github.com/tannerlinsley/react-form
• https://final-form.org/react

Validation libraries

• https://github.com/colinhacks/zod (TS)
• https://github.com/jquense/yup (JS + @types/yup)

Requirements

• Play well with Material UI (https://material-ui.com/components/text-fields/)
• Has support for validation library with generic types
• Hooks and context integration
• Support for data from MobX stores

https://ora.pm/project/277933/task/4495227

Viable options:

• https://lingui.js.org/
• https://github.com/flayyer/next-rosetta/ (https://github.com/lukeed/rosetta)
• https://www.i18next.com/ but keep in mind i18next/next-i18next#869

https://ora.pm/project/277933/kanban/task/4480228

I really try couple of times to click on below self-alimony model images. They are looking clickable to me.

Recognizing contributions

As a way to recognize our contributors we have an integration with https://allcontributors.org/

Comment on this issue, asking @all-contributors bot to add a contributor:

@all-contributors please add @<username> for <contributions>

<contribution>: See the Emoji Key (Contribution Types Reference) for a list of valid contribution types.

Feel free to add or remove yourself, or update the contribution types listed on your badge.

.github/PULL_REQUEST_TEMPLATE.md

https://ora.pm/project/277933/kanban/task/4482839

Privacy Policy and Terms and Conditions are missing from the Info website, even thought you are marking that you are agreeing with the Terms and Conditions upon singup.

I guess the Legel team is working on those ?

• https://www.browserstack.com/docs/automate/selenium/github-actions

The support us buttons are missing the links.

For now we can simply redirect all of them to https://podkrepi.bg/support