haparlament/haparlament-web-app

Nonviolent Video Communication Platform

HA-Parlament

The applications - in this project was build based on this article

Guidelines

• Always use the latest Go version
• Work in single branch
• Don't push code without ensuring it is working properly

Deployment

Use the Deployment folder for

1. Building the client side code by running build.client.sh The script generates static files into ui/build folder that later pushed into the Go app

2. Building the server side code by running build.server.sh This script build the app for Linux environment. If you want to build it for different OS you need to look for env GOOS=linux GOARCH=amd64 and replace per your need. Environment variables can be found here

Note that the folder you are executing the build should be the deploy folder

haparlament-web-app's Issues

FE Integrate with some UI lib (materialUI, sementicUI, etc..)

Consider consulting with Product design team regarding the difference look and feel of the different UI libraries.

Session_request is submitted before "אישור" is pressed

Need to talk with Product about the flow, and when the session_request is sent to the backend.
Either remove the "אישור"/"ביטול" buttons, or make the the api call after "אישור" is clicked.
Or do any other design that is defined by Product.

Firestore emulator isn't initialized on local dev mode - which causes the writes to happen on production DB

Describe Problem

Suggest Changes

Provide Examples

after session request sent successfully, need to redirect to a success page

ask Amitay for design

Support multi-selection of emotions

Decide on the correct field types to be saved for a Session (for Firestore and Airtable)

For firestore:
day - should be saved as enum
feeling - also enum
hourRange - I would save it as 2 fields: hourMin, hourMax which would both be a number from 0 to 23

For Airtable:
@maorcc would like your thoughts on this.

Use the subdomain `app`

Currently the web service is accessible from https://haparlament.web.app/
We want it to be accessible from https://app.haparlament.me/

Notes:

1. Remove the current redirection (aka forwarding) from https://app.haparlament.me/
2. Make sure it works with https
3. Add redirection from http to https
4. Make sure F5 (page refresh) works OK on different UI pages.

migrate frontend js files to Typescript

The infra already exists, just need to change the file extension to .ts / .tsx, and fix any errors

add input validations of the name and phone number fields

working in local dev mode should not write to the production Table of AirTable

Describe Problem

Suggest Changes

We can set up a sandbox version of the tables. This isn't ideal since we'll need to manually sync the versions
between the sandbox and prod versions

Provide Examples

Change images to be taken from a licensed source

Talk with Product and agree with them on what are the final images we want to show on the UI.

make sure confirmation popup is triggered before session request is sent

Fix UI comments from Amitay

intro page:
delete footer and move the CTA a bit down
how does it work subtitle should be closer to the 3 steps
font should be "assistant"
check the color of main CTA button (not according to Figma)

Feelings page:
iphone on edge browser - feelings buttons appear to be blue (missing default color on buttons)
layout doesn't seem right
there is scroll
there should be multi selection for feelings
add some more spacing between feelings and the CTAs
go back to Amitay to decide on the changes to the image selection flow

let's talk page:
iphone edge - arrow SVG appear with blue background (missing default color on buttons)
progress lines have gray background
add radius 2 to the small rectangle progress lines

time selection page:
change buttons text color to black (missing default color on buttons)
fix confirmation popup text (ask Amitay for the text)
after session request sent successfully, need to redirect to a success page. (ask Amitay for design)

verify that fields are filled before allowing user to move on to the next step (details form and time selection page)

Add session_request also to Airtable

We need a simple back office tool for coordinating the sessions.
For now we will use Airtable.

Please add a call to add a Session Request row in Airtable when the session_request api is handled by the backend.

Add testing infra for the backend

Add state management (Redux?)

Add Redux or another state management tool to the FE.

Research Integration with NextJS (?)

Add testing infra for the frontent

Add CICD

We want CICD (Continuous Integration and Continues Deployment)

Notes:

1. CICD should support both the BE and the FE.
2. Use GitHub Actions
3. For now, any successful merge to Main branch should be deployed to production.
4. Any code that is pushed to the GitHub should automatically run tests and Lint.
5. Failing tests or failing Lint should prevent the merge to Main.

Handle network error when submitting session_details request