Featured

Design A Scrollable Carousel Widget | FrontEnd System Design Interview Question | Component Design



Published
In this video, I talked about a frontend system design question to design your own scrollable carousel widget.

Scroll properties: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap/Basic_concepts
Center complete guide: https://css-tricks.com/centering-css-complete-guide/
ScrollLeft: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft

0:24 Introduction
0:32 Functional Requirements
1:19 Non-Functional Requirements
1:29 Component Architecture
2:52 Scroll - non circular scenario
3:27 Scroll - circular scenario
4:27 Other considerations
4:47 RTL
5:30 Styles
6:02 Accessibility

#systemdesign #FrontendSystemDesign #frontend #frontenddeveloper #web #webdesign #webdevelopment #HLD #frontend #lowLevelDesign #interviewQuestions #scrollable #carouselwidget #carousel #Suggestions #coding
Category
Job
Be the first to comment