EPIC: Design and Develop new UI of CERN Search.
Description:
Design and Develop a new Result Page according to the new design.
Design:
- We will be using an 8pt Grid system with 16 columns.
Development:
- No longer use
react-searchkit
library.
CSS ground rules:
- Use relative units. Avoid using the
pixel
unit as much as possible. - All units are to be in multiples of 2,4,8 and 16.
- Use CSS variables.
- Follow CERN's (design guidelines)[https://design-guidelines.web.cern.ch/guidelines/colours].
Version control ground rules:
While committing let's follow these protocols for clear communication: :)
- commit after each working feature with a clear message.
- if it is a review commit add "#[MR-REVIEW]" as a prefix in the commit message. eg. "#[MR-REVIEW] add-footer CSS"
- When creating a new branch, the branch name needs to be prefixed with ticket number and the task number.
eg.
24-3-setup-api-calls
- When raising an MR, the MR title needs to be prefixed with the branch number.
Branches and MRS:
- Main feature branch
- 1: Clean code (MR - Merged)
- 2: Build Footer (MR - Merged)
- 3: Set up project and build search functionality (MR - Merged)
- 4: Build Search header component (MR - Merged)
- 5: Build Results List component and integrate in results page along with Search header Ticket (MR - Merged)
- 6: Filter functionality Ticket - Merged in 3
- 7: Filter Component UI Ticket (MR - Merged)
- 8: Search Header Responsieness Ticket Done as part of 9
- 9: Filters with search header. Ticket MR
- 10: Pagination, Sort, Number of results found and Advanced Search Help. Ticket (MR - Merged)
- 11: Filters responsiveness Ticket (MR - Merged)
- 12: No Results behaviour. Ticket (MR - Merged)
- 13: Link Landing Page and Help Page Ticket (MR - Merged)
- 14: Fix CERN Header Ticket MR
Future Improvement for filters:
-
Support Advanced syntax
-
Make it more visually appealing
-
Multiple words
-
Add Mehdi as co-author to things we copy from his tickets.
-
Update Readme and Wiki page on all the changes.