{"id":23119417,"url":"https://github.com/farazf19/cravta","last_synced_at":"2026-04-17T05:02:42.105Z","repository":{"id":266436370,"uuid":"898339550","full_name":"FarazF19/Cravta","owner":"FarazF19","description":"React App for one of business use cases of our company's client, a gamified learning SAAS for edutech startup. Moved to company's github for clients copyright and privacy.","archived":false,"fork":false,"pushed_at":"2025-04-21T11:25:17.000Z","size":2794,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-04T09:49:08.458Z","etag":null,"topics":["edutech-startup","gamified-learning","machine-learning","mediapipe","mui","reactjs","tailwidcss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FarazF19.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-12-04T08:11:27.000Z","updated_at":"2025-04-21T11:25:21.000Z","dependencies_parsed_at":"2024-12-04T09:28:00.044Z","dependency_job_id":"1804a4a2-d8f0-4548-9616-66c56e90c0bd","html_url":"https://github.com/FarazF19/Cravta","commit_stats":null,"previous_names":["farazf19/cravta"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/FarazF19/Cravta","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarazF19%2FCravta","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarazF19%2FCravta/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarazF19%2FCravta/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarazF19%2FCravta/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FarazF19","download_url":"https://codeload.github.com/FarazF19/Cravta/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarazF19%2FCravta/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31915900,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T18:22:33.417Z","status":"online","status_checked_at":"2026-04-17T02:00:06.879Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["edutech-startup","gamified-learning","machine-learning","mediapipe","mui","reactjs","tailwidcss"],"created_at":"2024-12-17T05:35:47.145Z","updated_at":"2026-04-17T05:02:42.087Z","avatar_url":"https://github.com/FarazF19.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"🎮 Cravta – Gamified Learning Platform\nCravta is an educational web application that redefines learning through gamification. Designed for a startup during my time at a previous company, the platform combines video lectures, interactive quizzes, and game mechanics to make learning engaging, fun, and effective for users of all ages.\n\n🚨 Note: This is not the complete repository for Cravta. The full project codebase has been moved to the company's private main branch for client privacy and proprietary reasons.\n\n🔍 Overview\nCravta provides a modern UI/UX experience and gamified learning modules, including:\n\n🎯 Gamified Quizzes\n\n🎥 Educational Video Lectures\n\n📈 Progress Tracking\n\n🎮 Game Elements to Boost Motivation\n\nI was involved in the frontend development of this platform as a part of the core engineering team.\n\n🧑‍💻 My Role \u0026 Contributions\nWorking alongside my team and frontend lead, I contributed to the design and development of the frontend interface. My responsibilities included:\n\n🔧 Built ~10 responsive pages using React.js\n\n🎨 Translated Figma designs into functional UIs\n\n🧩 Created and reused components across pages\n\n⚛️ Implemented React Hooks\n\n🛠️ Used Material UI (MUI) and Tailwind CSS for sleek design\n\n🔐 Developed Sign In / Sign Up pages with authentication\n\n🔁 Managed frontend routing with react-router\n\n💡 Wrote logic for button interactions and dynamic navigation\n\nThis experience strengthened my foundation in React.js and frontend architecture.\n\n🛠️ Tech Stack\n\nTechnology Purpose\nReact.js Core frontend framework\nTailwind CSS Utility-first CSS framework\nMaterial UI (MUI) Component library for UI\nFigma UI design and prototyping\nReact Router Routing and page navigation\nJavaScript (ES6+) Core programming language\nFirebase / Custom Backend (Private) Auth \u0026 logic (excluded)\n🚧 Disclaimer\nThis repository only contains partial frontend development work. The complete project has been migrated to a private branch owned by the company due to client confidentiality.\n\n💡 What I Learned\nComponent-driven development with React\n\nTranslating Figma prototypes into production-ready UI\n\nCrafting modern UIs with MUI and Tailwind\n\nBuilding and managing form states and interactivity\n\nImplementing user authentication flows\n\nPracticing clean, modular, and scalable frontend coding\n\n🤝 Acknowledgments\nSpecial thanks to my team and lead developer for their continuous support and mentorship throughout the project.\n\n📬 Contact\nFeel free to reach out if you're interested in this project or want to collaborate on something similar!\n\n---\n\n## 🙋‍♂️ About Me\n\n**Muhammad Faraz**  \n💻 _AI Full Stack Developer_  \n🔗 [Connect on LinkedIn](https://www.linkedin.com/in/mfaraz7)\n\nI'm passionate about building intelligent, user-friendly applications that merge powerful AI capabilities with modern frontend experiences. Let's connect and collaborate!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarazf19%2Fcravta","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffarazf19%2Fcravta","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarazf19%2Fcravta/lists"}