Interactive Sorting Algorithms Notes Page #621
Description
Is your feature request related to a problem?
Problem: Currently, the “Algorithms” section in our notes app does not have a dedicated page for Sorting Algorithms with interactive explanations and code examples. Students have to search multiple resources to understand sorting algorithms, which is time-consuming and inefficient.
💡 Proposed Solution
Solution: Create an interactive Sorting Algorithms page in the app. Features should include:
Collapsible sections for each algorithm (Bubble Sort, Selection Sort, Insertion Sort, Merge Sort, Quick Sort).
Display description, time & space complexity, and code example for each algorithm.
Clean UI/UX with Tailwind styling and responsive layout.
Technical Notes (optional):
Add a new React component: SortingAlgorithms.jsx.
Use useState for collapsible sections.
Use an array of algorithm objects to make the page easily extendable.
🔍 Alternatives Considered
- Alternative A: Add algorithms as plain static text in the notes section.
Less ideal because it is not interactive and difficult to navigate.
@Roshansuthar1105 Plesse assign this issue to me
- Alternative B: Use separate pages for each algorithm.
Less ideal because it fragments learning and increases navigation overhead.
📐 Mockups & Examples
[ ] Attach sketch/Screenshot
[ ] Link to similar features in other apps (like GeeksforGeeks or LeetCode interactive pages)
🧩 Potential Impact
Target Users: Students learning data structures and algorithms.
Value: Saves time, improves UX, and makes learning algorithms interactive and engaging.
🌱 Additional Context
Related Features: #previous-notes-page-feature (if applicable)
Technical Constraints: None major; Tailwind CSS and React already in use