https://github.com/farazf19/cravta
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.
https://github.com/farazf19/cravta
edutech-startup gamified-learning machine-learning mediapipe mui reactjs tailwidcss
Last synced: 4 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/farazf19/cravta
- Owner: FarazF19
- Created: 2024-12-04T08:11:27.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-21T11:25:17.000Z (9 months ago)
- Last Synced: 2025-06-15T00:36:44.680Z (8 months ago)
- Topics: edutech-startup, gamified-learning, machine-learning, mediapipe, mui, reactjs, tailwidcss
- Language: JavaScript
- Homepage:
- Size: 2.66 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🎮 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!
---
## 🙋♂️ About Me
**Muhammad Faraz**
💻 _AI Full Stack Developer_
🔗 [Connect on LinkedIn](https://www.linkedin.com/in/mfaraz7)
I'm passionate about building intelligent, user-friendly applications that merge powerful AI capabilities with modern frontend experiences. Let's connect and collaborate!