Web Design - Search Bar

[Vicodemo]

User Story: As a client, I want to replicate the search bar functionality from the existing website to the new one developed in Odoo.sh. While understanding that an exact duplication might not be feasible due to limitations in Odoo.sh, I aim to maintain the original search function by title of the course and replicate its look and feel. For the MVP, filtering functionality is not required immediately, but it will be essential in subsequent development iterations.

Story points: TBD

Acceptance Criteria:

• [ ] The new website in Odoo.sh should have a search bar that mirrors the basic functionality of the existing search bar on the original website, searching content by title of the content.
• [ ] Users should be able to input search queries, and the system should provide relevant results based on the entered keywords.
• [ ] The appearance and design of the new search bar in Odoo.sh should resemble the original search bar as closely as possible. Colors, fonts, and iconography should be consistent with the existing search bar to maintain a seamless user experience. NOTE: While not required for the MVP, it should be noted in the development backlog that filtering functionality will be implemented in future iterations.
• [ ] Ensure that search results are presented in a clear and user-friendly manner, allowing users to easily identify relevant content.
• [ ] Ensure that search results are consistent with the search queries entered by the user.
• [ ] When a search query is entered by the user, the action should be triggered either by pressing the 'Enter' key or by clicking the magnifying glass button with the mouse cursor.
• [ ] In accordance with the default search bar in Odoo, the 'All Courses' hyperlink should be integrated into the search bar design. When clicked, it should redirect users to a webpage displaying the full catalog of courses. This new webpage, named 'All Courses', falls outside the scope of this ticket in terms of its look, feel, and functionality, and is documented in another ticket.

Subtasks Devs: TBD

Subtasks QA: TBD

Definition of Done:

• [ ] Dev - Code Complete
• [ ] QA - The code has been tested and functions correctly.
• [ ] All the acceptance criteria are met
• [ ] PM/PdM - The functionality meets user expectation.

[jjuarez2]

QA Testing FAILED

Bugs found and reported:

https://github.com/wizelineacademy/wizelineacademy-academy-lms/issues/41 https://github.com/wizelineacademy/wizelineacademy-academy-lms/issues/42

@Vicodemo @cecipaat @paulinarias