🎮 Cravta – Gamified Learning Platform Cravta 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.
🚨 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.
🔍 Overview Cravta provides a modern UI/UX experience and gamified learning modules, including:
🎯 Gamified Quizzes
🎥 Educational Video Lectures
📈 Progress Tracking
🎮 Game Elements to Boost Motivation
I was involved in the frontend development of this platform as a part of the core engineering team.
🧑💻 My Role & Contributions Working alongside my team and frontend lead, I contributed to the design and development of the frontend interface. My responsibilities included:
🔧 Built ~10 responsive pages using React.js
🎨 Translated Figma designs into functional UIs
🧩 Created and reused components across pages
⚛️ Implemented React Hooks
🛠️ Used Material UI (MUI) and Tailwind CSS for sleek design
🔐 Developed Sign In / Sign Up pages with authentication
🔁 Managed frontend routing with react-router
💡 Wrote logic for button interactions and dynamic navigation
This experience strengthened my foundation in React.js and frontend architecture.
🛠️ Tech Stack
Technology Purpose React.js Core frontend framework Tailwind CSS Utility-first CSS framework Material UI (MUI) Component library for UI Figma UI design and prototyping React Router Routing and page navigation JavaScript (ES6+) Core programming language Firebase / Custom Backend (Private) Auth & logic (excluded) 🚧 Disclaimer This 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.
💡 What I Learned Component-driven development with React
Translating Figma prototypes into production-ready UI
Crafting modern UIs with MUI and Tailwind
Building and managing form states and interactivity
Implementing user authentication flows
Practicing clean, modular, and scalable frontend coding
🤝 Acknowledgments Special thanks to my team and lead developer for their continuous support and mentorship throughout the project.
📬 Contact Feel free to reach out if you're interested in this project or want to collaborate on something similar!
Muhammad Faraz
💻 AI Full Stack Developer
🔗 Connect on LinkedIn
I'm passionate about building intelligent, user-friendly applications that merge powerful AI capabilities with modern frontend experiences. Let's connect and collaborate!