wordpress-mobile / wordpress-mobile/WordPress-Android
[Site Design Revamp] Create carousel view for previewing design categories
Nobody has claimed this yet.
- Dominant language
- Kotlin
- Stars
- 3.2k
- Forks
- 1.4k
- Avg merge
- 1d 11h
- Merged PRs (30d)
- 69
Description
Description
A carousel / paging view will allow the user to horizontally swipe between full-screen / modal previews of designs in a category.
Current flow:
- User taps on a design on the Design Screen main view
- Action buttons appear from the bottom ("Preview", "Choose")
- User taps "Preview" button
- The chosen design's preview is shown in a modal / full screen
- The user can swipe down to dismiss the preview
New flow:
- User taps on a design on the Design Screen main view
- A horizontal carousel / paging view is shown
- The carousel view contains all the designs in the tapped design's category
- The carousel view is focused / centered on the tapped design
- The user can swipe horizontally to access preceding and succeeding designs from the category
- The user can swipe down to dismiss the carousel view
Technical considerations:
- The carousel view may take an array of preview views, and a pointer to the starting view
- The carousel view may be responsible for firing the "Preview Viewed" event
- This view will support scrolling in a web view, horizontal scrolling between previews, and a downward gesture to dismiss itself


PRs should target the feature/site-design-revamp feature branch.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start from the Design Screen main view and trace the current preview flow described in the issue. Implement a full-screen carousel centered on the tapped design, supporting category navigation, web-view scrolling, horizontal swipes, and downward dismissal; verify that the stated new flow works and consider the linked "Preview Viewed" event issue.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- kotlin
- Domain
- mobile
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100