Advanced Filtering Options
Create a complex sidebar filter combining color, size, and price using deeply reactive watchers.
Duration
8-12 hours
Difficulty
advanced
Status
In Progress
What You'll Do
Create a complex sidebar filter combining color, size, and price using deeply reactive watchers.
By completing this task, you will:
- Understand the architecture and implementation patterns behind advanced filtering options
- Write clean, modular, production-ready code following industry conventions
- Debug complex issues using browser dev tools, logs, and systematic reasoning
- Ship a polished, working feature that you can showcase in your portfolio
AI Task Mentor
Deeply integrated analysis for this specific step
Approach Guide
Read & Plan
Read the full description of "Advanced Filtering Options" above. Before writing any code, sketch out the architecture — list the files you'll create and the data flow between them.
Build Incrementally
Break this task into smaller milestones. Get the simplest version working first, then layer on complexity. Run your code after every meaningful change.
Use the AI Mentor
If you're stuck, use the raxlearn AI Mentor above. It has full context on this task and can explain concepts, review your approach, or help you debug errors.
Validate & Refine
Test edge cases manually. Check the browser console for warnings. Clean up your code, add comments to non-obvious logic, and ensure it matches the requirements.
Reference Documentation
These are real, external references you can use while working on this task.
Progress
3 of 4 tasks
Difficulty
Prerequisites
- ✓Solid understanding of programming fundamentals and data structures
- ✓Familiarity with HTML, CSS, and JavaScript (ES6+)
Back to Project →