senar-ai / web Goto Github PK

Since we show all the available activities in the single page, it's better to add additional filter function.

My proposal is to create a filter, based on the category of the activity.

Current condition:

• We can filter based on the category by clicking on the label on each card
• When we clicked the label, it will redirect to the other activities group, for instance: https://senar.ai/activities/for-parents
• The problem is we can not choose the other category on this page
• The only way to change the category is by clicking the breadcrumb Aktivitas which will lead into the previous page /activities then choose another category by clicking label on the other card

Possible solutions:

• Adding horizontal scrollable chips to show available categories as we usually seen on the marketplace website. Please see the attached image.

• Increase exposure
• Let search engine know more about the website

Description

The problem starts when the link field is not filled with a link

Expected Behaviour

Some possible solutions:

1. Filter link column on backend/frontend
2. Make end to end testing to ensure all links can be clicked

• Richer results when searched through search engine
• Help search engine understand purpose of our website

BTW what type we gonna use? I guess at least we should use the "Breadcrumb" one.

• Tell search engine crawlers which URL can be accessed

Reference: https://developers.google.com/search/docs/advanced/robots/intro

I wonder is this something necessary for this website?

• Provide information and relationship between content in the website
• Let search engine crawl effectively

I think we should generate it dynamically.

Putting the search form in the header looks okay in the desktop, but not in the Mobile Device.

The form is hidden under the hamburger button.
We need to toggle the humburger to use the search function.

Can we show the field on the different section for mobile?

Of course, this is my personal view. Feel free to disagree with the statement.

We can not use the pro version since it needs a token to download the icon.

It blocks the other contributors to run the code locally.

Or is there any way to share the token to other contributors?
Not sure about the legality and the security just by sharing the token.

Overview

Current Tasks

• #6
• #7
• #8
• #9

Overview

Implement the contribution form to substitute the current Google Form implementation.

Some parts of this epic will be demonstrated in this Testing for Reliable Web Apps talk: Pengujian untuk Aplikasi Web yang Andal

Definition of Done

1. Implement a form to replace the contribution form
2. Implement a view to show the submitted form to the user
3. Write end-to-end tests to cover both implementations above

Current Tasks

• #30
  • #27
  • #29
• End-to-end test integration
  • Setup Playwright
  • Setup CI workflow for the end-to-end tests
• Unit & integration tests integration
  • Setup React Testing Library
  • Setup CI workflow for the unit & integration tests
  • Integrate Jest Preview
• Implementation
  • Implement form page
  • Implement view page
• Tests
  • Write e2e tests
  • Write unit & integration tests

Currently, we're unable to use Prisma with Deno. prisma/prisma#2452

So either we move towards other Backend-as-a-Service alternatives such as Supabase, or we move the deployment target from Deno to Vercel.

Description

Web Performance Testing

Pengujian Kinerja Web

Narrative

• As a visitor
• I want to load the /activities page quickly
• so that I can browse the list of activities smoothly

Acceptance Criteria

Scenario 1:

• Given
• and
• when
• then
• and

Implementation Model

Image previews

Code snippets

I don't know exactly where the problem is, I can't run it locally because there are paid libraries. 😅

But maybe the problem is here?