Submission for the DevCycle Feature Flag Challenge: Student Management System

My Code

https://github.com/VishalVrk/School-Management-System.git

My DevCycle Experience

In my School Management System project, I leveraged DevCycle's feature flagging capabilities through the OpenFeature React SDK to implement A/B testing on the login interface. Using the useBooleanFlagValue hook with a 'new-message' flag, I created two variants of the login form, dynamically switching between "Login" and "Sign In" text across the form's title, labels, and button. This implementation enabled real-time testing of different user experiences without requiring code deployments, allowing me to gather data on which version resonated better with users and make data-driven decisions for the interface design.

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.