DEV Community

Cover image for Submission for the DevCycle Feature Flag Challenge: Student Management System
Vishal Vaitheeswaran RK
Vishal Vaitheeswaran RK

Posted on • Edited on

Submission for the DevCycle Feature Flag Challenge: Student Management System

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

exam-code

distribution

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)

Collapse
 
prodevstaff profile image
ProDev. Staff

Why your live demo webpage not signin

Collapse
 
vishal_vaitheeswaranrk_3 profile image
Vishal Vaitheeswaran RK • Edited

Student:
student1@test.com
123456

Teacher
teacher1@test.com
123456

please try these logins