Skip to content

feat: add mythology streak student experience - #1206

Open
ManyaValecha wants to merge 14 commits into
vicharanashala:mainfrom
ManyaValecha:feat/mythology-streak
Open

ManyaValecha wants to merge 14 commits into
vicharanashala:mainfrom
ManyaValecha:feat/mythology-streak

Conversation

@ManyaValecha

@ManyaValecha ManyaValecha commented Aug 1, 2026 •

Copy link
Copy Markdown

╔════════════════════════════════════════════════════

🏛️ Mythology Streak Student Experience

Narrative-driven gamification experience for student engagement

╚════════════════════════════════════════════════════

✨ Summary

Introduces a mythology-themed streak experience designed to improve student engagement through storytelling, rewards, challenges, and immersive gamification mechanics.

Inspired by the legendary Vikram-Betaal storytelling style, this experience transforms learning consistency into an interactive journey with milestones, achievements, and personalized motivation.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🪔 What Changed

🌌 New Mythology Experience

✦ Added complete MythologyExperience student page
✦ Created cinematic storytelling flow inspired by Vikram-Betaal themes
✦ Added immersive mythology visuals, characters, and themed assets
✦ Designed an engaging narrative layer around student streaks

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🏆 Gamification Features

✦ 🔥 Streak tracking experience
✦ 🎉 Milestone celebrations
✦ 🏅 Badge reward system
✦ ⚖️ Karmic reward mechanics
✦ 🔔 Accountability nudges
✦ 📜 Hall of Records achievement showcase

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🌳 Interactive Components

✦ 🧭 Vikram-Betaal Quest Astrolabe
✦ 🧩 Betaal Riddles Panel
✦ 🌲 Mythological Forest Environment
✦ 📅 Streak Calendar Heatmap
✦ 🎊 Animated celebration effects

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

⚙️ Technical Implementation

✦ Added reusable React components
✦ Added audio synthesis utilities
✦ Added PDF generation utility
✦ Integrated student routes
✦ Structured scalable mythology experience architecture

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🧪 Testing

✅ Verified local production build
✅ Verified routing integration
✅ Tested complete student experience flow
✅ Validated interactive components and animations

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🚀 Live Preview

🔗 https://vibe-mythology-streak-badges.vercel.app

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Screenshot 2026-08-02 at 11 27 24 AM
Screenshot 2026-08-02 at 11 27 36 AM
Screenshot 2026-08-02 at 11 28 18 AM
Screenshot 2026-08-02 at 11 28 30 AM
Screenshot 2026-08-02 at 11 28 40 AM
Screenshot 2026-08-02 at 11 28 54 AM
Screenshot 2026-08-02 at 11 29 07 AM
Screenshot 2026-08-02 at 11 29 32 AM
Screenshot 2026-08-02 at 11 29 48 AM

📝 Review Notes

This PR introduces a high-engagement student experience using narrative-driven gamification.

The goal is to make consistency, learning streaks, and achievements feel more meaningful through:

  • immersive storytelling
  • visual progression
  • reward psychology
  • interactive student motivation loops

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🙏 Request for Review

Would appreciate feedback on:
✦ UX flow
✦ Gamification mechanics
✦ Component architecture
✦ Future improvements for student engagement

╔════════════════════════════════════════════════════

🎯 Built with creativity + learning motivation in mind

╚════════════════════════════════════════════════════

@github-actions github-actions Bot added the frontend Changes to the frontend of the project label Aug 1, 2026
@ManyaValecha

Copy link
Copy Markdown
Author

Thanks for reviewing this PR.

A quick note:

  • The majority of changes are isolated inside student/mythology/
  • Existing flows are unchanged except student route integration
  • Components are separated for easier future iteration

Happy to make adjustments based on feedback.

@github-actions github-actions Bot added dependencies Modifications to any frontend or backend external dependencies backend devops Changes to CI/CD pipelines and dev containers docs Improvements or additions to documentation labels Aug 2, 2026
@ManyaValecha

Copy link
Copy Markdown
Author

Good evening @MeenakshiArunsankar ma'am and @Jatishchawla can you please review this PR

@ManyaValecha
ManyaValecha force-pushed the feat/mythology-streak branch from d44b2d1 to bfc4c52 Compare August 4, 2026 03:51
ManyaValecha and others added 5 commits August 4, 2026 12:14
…st test workflow

- jest-test.yml: remove 'rm pnpm-lock.yaml' (caused wrong dependency resolution),
  remove unused MongoDB Atlas IP allowlist steps (tests use mongodb-memory-server),
  remove empty DB_URL env var, pin Node to 22 LTS, add coverage artifact upload
- docs-check.yml: upgrade actions/checkout@v3→v4, actions/setup-node@v3→v4,
  pnpm/action-setup@v2→v4, actions/cache@v3→v4, node 18→22; add backend build
  step required for OpenAPI spec generation during Docusaurus build
- deploy-docs.yml: upgrade pnpm/action-setup@v2→v4, node 18→22

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backend dependencies Modifications to any frontend or backend external dependencies devops Changes to CI/CD pipelines and dev containers docs Improvements or additions to documentation frontend Changes to the frontend of the project

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant