Skip to content

Refactor frontend script for clearer organization and reuse #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
brawliscool wants to merge 2 commits into
base: main
Choose a base branch
from
+194 −172
Open

Refactor frontend script for clearer organization and reuse #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
aa80e19
Add files via upload
brawliscool Feb 24, 2026
7d4f864
refactor script structure for clearer feature organization
brawliscool Feb 24, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
132 changes: 66 additions & 66 deletions FEATURES_RANKED.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,66 +1,66 @@
# OpenStep Feature Backlog (Easiest -> Hardest)

This list ranks features by expected implementation effort for your current web app, from quickest wins to more advanced builds.

1. **Waitlist + email capture on homepage** - Simple form + submit handler.
2. **Empty-state improvements** - Better placeholder text/visuals for no solves yet.
3. **Toast notifications** - Lightweight success/error messages for actions.
4. **Skeleton loading UI** - Loading placeholders while AI solve is pending.
5. **Drag-and-drop upload interaction** - Frontend upload UX polish.
6. **Photo crop/rotate before upload** - Basic image editing controls.
7. **Image quality warnings** - Detect blurry/cut-off photos before send.
8. **Re-solve button** - Retry failed/low-confidence solves.
9. **Saved favorites/bookmarks** - Mark and unmark important solves.
10. **Folders/tags for solves** - Organize solves by topic and date.
11. **Recent solves history with search/filter** - Better dashboard retrieval.
12. **Export solve to PDF/notes** - One-click study export.
13. **Keyboard shortcuts** - Fast actions like upload/search.
14. **Free tier + credit counter UI** - Show remaining solves.
15. **Light mode toggle** - Theme switch while keeping dark default.
16. **In-app onboarding checklist** - First-time user guidance.
17. **Share solve link (read-only)** - Generate public/private share URLs.
18. **Delete solves + auto-expire option** - Basic privacy controls.
19. **Usage analytics dashboard (basic)** - Track top metrics and usage.
20. **Subscription plans + billing pages** - Starter/Pro/School SaaS setup.
21. **Referral rewards system** - Credits for inviting users.
22. **Cloud sync across devices** - Persist and sync user data.
23. **Progress tracking + streaks** - Learning consistency stats.
24. **Confidence score per answer** - Show model certainty on outputs.
25. **Subject detection (math/science/etc.)** - Auto-classify problem type.
26. **Step-by-step mode vs final answer mode** - Output format controls.
27. **"Explain like I'm 12" toggle** - Simplified explanation pass.
28. **Hint mode first, full solution second** - Learning-first flow.
29. **Follow-up Q&A chat per solve** - Ask questions on each solution.
30. **Mistake checker vs student attempt** - Compare user work to AI steps.
31. **Alternative solving methods** - Multiple valid approaches.
32. **Practice generator (similar questions)** - Generate custom practice sets.
33. **Mini concept cards ("why this works")** - Contextual teaching snippets.
34. **Academic integrity mode** - Controlled answer reveal policies.
35. **Source/reference display for factual subjects** - Citations and references.
36. **Multi-question detection from one worksheet** - Segment and solve many items.
37. **Human review queue for premium** - Manual quality layer for edge cases.
38. **Teacher mode with class dashboard** - Multi-user classroom management.
39. **Assignment workspace for group study** - Shared collaboration flow.
40. **Commenting on steps** - Contextual discussion around each solution.
41. **LMS integrations (Google Classroom/Canvas)** - External platform integration.
42. **Parent/student reports** - Cross-role progress and activity reports.
43. **Team dashboard + API access for learning platforms** - Enterprise capability.
44. **Fast OCR + advanced reasoning pipeline at scale** - Production-grade AI infra.
45. **Secure cloud processing with compliance controls** - Advanced security and governance.

---

## Suggested MVP (First 10 to build)

If you want to move fast, start here:

1. Waitlist + email capture
2. Drag-and-drop upload
3. Photo crop/rotate
4. Skeleton loading UI
5. Toast notifications
6. Recent solves history
7. Folders/tags
8. Confidence score
9. Step-by-step mode
10. Hint mode first
# OpenStep Feature Backlog (Easiest -> Hardest)
This list ranks features by expected implementation effort for your current web app, from quickest wins to more advanced builds.
1. **Waitlist + email capture on homepage** - Simple form + submit handler.
2. **Empty-state improvements** - Better placeholder text/visuals for no solves yet.
3. **Toast notifications** - Lightweight success/error messages for actions.
4. **Skeleton loading UI** - Loading placeholders while AI solve is pending.
5. **Drag-and-drop upload interaction** - Frontend upload UX polish.
6. **Photo crop/rotate before upload** - Basic image editing controls.
7. **Image quality warnings** - Detect blurry/cut-off photos before send.
8. **Re-solve button** - Retry failed/low-confidence solves.
9. **Saved favorites/bookmarks** - Mark and unmark important solves.
10. **Folders/tags for solves** - Organize solves by topic and date.
11. **Recent solves history with search/filter** - Better dashboard retrieval.
12. **Export solve to PDF/notes** - One-click study export.
13. **Keyboard shortcuts** - Fast actions like upload/search.
14. **Free tier + credit counter UI** - Show remaining solves.
15. **Light mode toggle** - Theme switch while keeping dark default.
16. **In-app onboarding checklist** - First-time user guidance.
17. **Share solve link (read-only)** - Generate public/private share URLs.
18. **Delete solves + auto-expire option** - Basic privacy controls.
19. **Usage analytics dashboard (basic)** - Track top metrics and usage.
20. **Subscription plans + billing pages** - Starter/Pro/School SaaS setup.
21. **Referral rewards system** - Credits for inviting users.
22. **Cloud sync across devices** - Persist and sync user data.
23. **Progress tracking + streaks** - Learning consistency stats.
24. **Confidence score per answer** - Show model certainty on outputs.
25. **Subject detection (math/science/etc.)** - Auto-classify problem type.
26. **Step-by-step mode vs final answer mode** - Output format controls.
27. **"Explain like I'm 12" toggle** - Simplified explanation pass.
28. **Hint mode first, full solution second** - Learning-first flow.
29. **Follow-up Q&A chat per solve** - Ask questions on each solution.
30. **Mistake checker vs student attempt** - Compare user work to AI steps.
31. **Alternative solving methods** - Multiple valid approaches.
32. **Practice generator (similar questions)** - Generate custom practice sets.
33. **Mini concept cards ("why this works")** - Contextual teaching snippets.
34. **Academic integrity mode** - Controlled answer reveal policies.
35. **Source/reference display for factual subjects** - Citations and references.
36. **Multi-question detection from one worksheet** - Segment and solve many items.
37. **Human review queue for premium** - Manual quality layer for edge cases.
38. **Teacher mode with class dashboard** - Multi-user classroom management.
39. **Assignment workspace for group study** - Shared collaboration flow.
40. **Commenting on steps** - Contextual discussion around each solution.
41. **LMS integrations (Google Classroom/Canvas)** - External platform integration.
42. **Parent/student reports** - Cross-role progress and activity reports.
43. **Team dashboard + API access for learning platforms** - Enterprise capability.
44. **Fast OCR + advanced reasoning pipeline at scale** - Production-grade AI infra.
45. **Secure cloud processing with compliance controls** - Advanced security and governance.
---
## Suggested MVP (First 10 to build)
If you want to move fast, start here:
1. Waitlist + email capture
2. Drag-and-drop upload
3. Photo crop/rotate
4. Skeleton loading UI
5. Toast notifications
6. Recent solves history
7. Folders/tags
8. Confidence score
9. Step-by-step mode
10. Hint mode first
Loading