This is a submission for the DevCycle Feature Flag Challenge: Feature Flag Funhouse
What I Built
This School Management System is a comprehensive web application built with React and Firebase, featuring role-based access control for students, teachers, and administrators.
This system is a comprehensive test management platform that enables teachers to create and manage multiple sets of exam questions while automatically distributing different versions to students through feature flags.
We can add or remove sets from this variable, and we are using DevCycle API to fetch the sets to the UI
Demo
https://school-management-system-drab-eight.vercel.app/
My Code
https://github.com/VishalVrk/School-Management-System.git
https://github.com/VishalVrk/feature-flag-api.git
My DevCycle Experience
In my School Management System project, I integrated DevCycle to revolutionize test distribution and security. Using feature flags through the OpenFeature React SDK, I implemented a dynamic exam delivery system where each student receives a unique test set determined by the 'exam-code' flag. The Flask API endpoint manages OAuth authentication and fetches variations from DevCycle, while teachers can create multiple question sets through a unified interface.
Additional Prize Categories
OpenFeature Aficionado: My project leverages DevCycle's OpenFeature Provider through the useNumberFlagValue hook for dynamic exam set distribution.
API All-Star: The API integration enables real-time test set distribution, secure access token handling, and seamless management of multiple exam variations.
Thank you for exploring this School Management System project. This implementation showcases modern web development practices using React, Firebase, and Tailwind CSS, with a focus on security and user experience. The integration of DevCycle for A/B testing demonstrates a data-driven approach to UI optimization. The system provides streamlined management of students, teachers, and administrators while maintaining robust authentication and authorization controls.
Special thanks to the open-source community and the tools that made this project possible:
- Firebase team for authentication and database solutions
- React community for component libraries
- Tailwind CSS for styling utilities
- DevCycle for feature flagging capabilities
This project is available under the MIT License for others to use and build upon.
Top comments (2)
Why your live demo webpage not signin
Student:
student1@test.com
123456
Teacher
teacher1@test.com
123456
please try these logins