Software Engineering
Personalized Shelf and Progress Tracking
Build a personalized reading shelf where users can track and update their progress. You’ll fetch and filter shelf data, implement optimistic updates for a smooth UX, add form validation with React Hook Form and Zod, and display reading statistics in a compact dashboard.
React
TypeScript
5 lessons
24 practices
3 hours
Badge for State Management and Dynamic Interactions,
Course details
Fetching User Shelf
Exploring the My Shelf Page
Building the Shelf API Function
Defining Shelf Types and Skeleton Loader
Implementing Shelf Filters Component
Implementing the My Shelf Page
Turn screen time into skills time
Practice anytime, anywhere with our mobile app.
Sign up
Join the 1M+ learners on CodeSignal
Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal