feat: add React-based UI for Sunbird Framework Generator (#63)

[karanyede]

As part of my contribution to the Dedicated Mentoring Program (DMP) 2025, I have developed a user-friendly React-based interface for the Sunbird Framework Generator project. This addresses the current challenge where creating frameworks requires manual API calls via tools like Postman — a process that is both technical and time-consuming.

✅ What I've Done:

• Designed and implemented a modular, responsive UI using React
• Created reusable components for framework creation, preview, and validation
• Implemented form validation and dynamic input handling
• Added dark/light mode toggle for improved accessibility
• Integrated mock API calls to simulate backend interactions
• Organized code with scalability in mind for future enhancements

Check out by work here:
"https://sunbird-framework-gen-by-karanyede.netlify.app/"

🎯 Purpose & Vision:

This UI layer aims to reduce technical barriers by allowing non-developers to:

• Create educational frameworks directly from the browser
• Preview framework structure before publishing
• Validate data format visually

This aligns with Sunbird’s mission of democratizing access to education technology tools and enabling scalable solutions for government learning infrastructure.

🔧 Tech Stack Used:

• Frontend: React.js
• Styling: CSS Modules / SCSS (as applicable)
• State Management: useState, useEffect (no external libraries used yet)
• Mock API Integration: Axios/Fetch

📁 Folder Structure:

All files are placed under:
/projects/sunbird-framework-generator/

Includes:

• README.md – project overview and setup instructions
• /src/ – all React components, styles, and utility files
• /public/ – assets and manifest

💡 Future Scope:

• Connect to actual backend APIs
• Add authentication and user roles
• Implement export/import functionality
• Add dashboard view for managing created frameworks

This PR sets the foundation for building an intuitive and powerful tool for educators and administrators working with Sunbird.

---

✅ Ready for review and feedback!