{"id":35253895,"url":"https://github.com/jillmpla/datatropolis_learning_platform_framer","last_synced_at":"2026-03-17T20:12:30.806Z","repository":{"id":311078500,"uuid":"1042389775","full_name":"jillmpla/datatropolis_learning_platform_framer","owner":"jillmpla","description":"Framer prototype for a gamified learning platform (Datatropolis - Data City), featuring modules, quizzes, and interactive data challenges.","archived":false,"fork":false,"pushed_at":"2025-08-22T00:35:08.000Z","size":4439,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-02-02T02:58:57.947Z","etag":null,"topics":["data-science","edtech","framer","gamification","gamification-learning","learning-project","prototype","sketching","storyboarding","urban-planning","wireframes"],"latest_commit_sha":null,"homepage":"https://maroon-menu-830795.framer.app/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jillmpla.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-08-22T00:14:47.000Z","updated_at":"2025-08-26T00:12:15.000Z","dependencies_parsed_at":"2025-08-22T02:30:42.311Z","dependency_job_id":"a48d67eb-5a74-4b3c-b650-55fa06d9e6e1","html_url":"https://github.com/jillmpla/datatropolis_learning_platform_framer","commit_stats":null,"previous_names":["jillmpla/datatropolis_learning_platform_framer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jillmpla/datatropolis_learning_platform_framer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jillmpla%2Fdatatropolis_learning_platform_framer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jillmpla%2Fdatatropolis_learning_platform_framer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jillmpla%2Fdatatropolis_learning_platform_framer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jillmpla%2Fdatatropolis_learning_platform_framer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jillmpla","download_url":"https://codeload.github.com/jillmpla/datatropolis_learning_platform_framer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jillmpla%2Fdatatropolis_learning_platform_framer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30630271,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-17T17:32:55.572Z","status":"ssl_error","status_checked_at":"2026-03-17T17:32:38.732Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["data-science","edtech","framer","gamification","gamification-learning","learning-project","prototype","sketching","storyboarding","urban-planning","wireframes"],"created_at":"2025-12-30T07:35:45.543Z","updated_at":"2026-03-17T20:12:30.800Z","avatar_url":"https://github.com/jillmpla.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📚 Learning Platform (Datatropolis - Data City) - Framer Prototype\n\nThis repository documents the learning platform Datatropolis - Data City prototype, designed and built with [Framer](https://www.framer.com/).  \n\nThe project explores how a gamified approach can make data science concepts more engaging, combining **urban planning themes** with structured learning modules, interactive quizzes, and applied data challenges.  \n\n🔗 **[Live Demo](https://maroon-menu-830795.framer.app/)**  \n\n---\n\n## 🎯 Purpose of the Prototype\n\n- **Educational Modules** - Structured lessons that guide users through data science concepts  \n- **Interactive Quizzes** - Reinforce learning and provide instant feedback  \n- **Practical Challenges** - Real-world tasks that allow users to apply knowledge  \n- **Gamified Dashboard** - A city-building theme ties learning progress to visual growth  \n\n---\n\n## 🛠️ Development Process\n\n- **Storyboarding \u0026 Early Sketches** - mapped the basic user flows (homepage, modules, quizzes, challenges) to clarify structure before moving into Framer  \n- **High-Fidelity Prototyping** - used Framer’s grid, stack, and interactive components to design a detailed, functional experience  \n- **Interactivity \u0026 Animation** - dropdowns, slideshows, quizzes with reset options, and chart generation for data challenges  \n- **User Testing** - in-person usability testing with participants, gathering feedback on clarity, navigation, and interactive elements  \n\n---\n\n## 🧩 Key Features\n\n- **Homepage Dashboard** - cards for modules, quizzes, and challenges with progress tracking  \n- **Modules Page** - dropdown lessons with slideshows and knowledge checks  \n- **Quizzes** - card-based quizzes with instant feedback and reset functionality  \n- **Data Challenges** - user inputs generate a chart with option to download; confirmation via modal window  \n- **Global Navigation** - consistent header and bottom navigation for clarity and usability  \n\n---\n\n## 🧱 Design Patterns \u0026 System Thinking\n- **Cards** for organizing content consistently across dashboard, quizzes, and challenges  \n- **Stacks \u0026 Grids** for responsive layouts, scalable to future lessons and quizzes  \n- **Reusable Components** like dropdowns, quiz cards, and modal windows built once and applied across multiple flows  \n\n---\n\n## 👥 User Testing \u0026 Insights\n\n- Participants navigated modules and quizzes smoothly, confirming intuitive design.\n- The reset feature in quizzes was seen as highly useful and should be applied more broadly  \n- Some learners needed clearer visual cues for key information, such as better highlighting of mistakes in knowledge checks and simpler data input in challenges.\n- Lessons learned: reinforce feedback cues, refine guidance, and improve discoverability of interactive elements  \n\n---\n\n## 📊 Fidelity \u0026 Design Decisions\n\n- **Information Design** - Very High Fidelity: consistent layouts, responsive grids, clear organization  \n- **Interaction Design** - High Fidelity: custom interactive components, but could expand with code overrides  \n- **Visual Branding** - Very High Fidelity: cohesive theme (urban planning + data science), logo, color palette, consistent typography  \n- **Editorial Content** - Very High Fidelity: no filler text; real lessons, quizzes, and challenges\n\n---\n\n## 📂 Repository Contents\n\n- **Framer_Learning_Platform_JillPlatts.pdf** - full design process report and usability testing notes  \n- **Prototype link** - [Live Demo](https://maroon-menu-830795.framer.app/)  \n\n---\n\n## 🔮 Next Steps\n- Expand accessibility testing (screen readers, keyboard navigation)  \n- Add more guided feedback in challenges to support novice learners  \n- Explore integrating real datasets for more authentic experiences  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjillmpla%2Fdatatropolis_learning_platform_framer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjillmpla%2Fdatatropolis_learning_platform_framer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjillmpla%2Fdatatropolis_learning_platform_framer/lists"}