Migrate to a standalone component structure where:

Components, services, and directives are organized by functionality rather than module bindings.
Shared components, services, and directives are placed in a shared or core directory to promote reusability.
Lazy loading is implemented on a route basis rather than a module basis, providing fine-grained control over performance optimization.

Benefits:

Enhanced Code Reusability: Standalone components can be easily shared and reused across the app.

Better Scalability: As our application grows, the standalone structure can accommodate the growth without unnecessary complexities.

Simpler Onboarding: New developers can understand and navigate the codebase with ease.

Flexibility in Feature Flags: Individual components or features can be toggled without affecting entire modules.

Work Time Estimate:

1-2 Days

Goals

• #2
• #3
• #4
• #5
• #6

Bug fixes

• #7
• #8

• Add a side menu component on top of backdrop, with navigation links to "opinion creation" form and "my opinions" page.
• Add open / close side menu functionality on hamburger menu button to open, and on "X" button to close.

• Add a new component for opinion creation page.
• Create a new route for it (/create)
• In the page, add a form with opinion content input field and a submission button at the end.
• Add a text validation for the content input using the following Regex expression:
  /(?!.*\s{2,}.*)^[a-zA-Zא-ת\d ]{8,128}$/g
• Add an error message when the input is invalid or submission failed.

• Add a new opinion filtering options on the getOpinion function in backend.
• Create a dropdown popup of opinion categories on clicking the filter icon.
• Store the filter options state on localstorage.
• When getting an opinion, send the filter options in the function request form.

Add more elegant opinion dismissing transition when swiping left or right.

When a long opinion is displayed on 14'' screen resolution, there is too much space in the sides and the sentence expands to 3 lines.

Example:

Solution

Need to adjust the media queries to fit the sentence into 2 lines by decreasing the horizontal space.

Suggestion:

Integrate Angular Material to ensure a consistent, responsive, and modern UI.

Benefits:

• Unified components with out-of-the-box styles.
• Seamless integration with Angular projects.
• Improved maintainability and user experience.

Feedback and thoughts are appreciated.

• Add an opinion category Enum field on opinion interface, in both frontend and backend.
• Specify the available categories to choose from.
• Add a category validation when creating a new opinion.
• Add category dropdown input field on opinion creation form.