Ansopedia is an open-source learning platform that empowers you to explore diverse educational content. Access a vast repository of knowledge, including: posts, forums, quizzes, personalized experience, blog, leaderboard, school, college & university details, etc
The current UI lacks a reusable RadioGroup component. This makes building forms and selecting options cumbersome and requires repetitive code. Implementing a dedicated RadioGroup component will improve code maintainability, consistency, and efficiency.
Proposed Solution:
Develop a reusable RadioGroup component that offers the following functionalities:
State Management: Manages the checked state (on/off) of the radiogroup.
User Interaction: Handles user clicks or taps on the radiogroup to toggle its state.
Prop-Driven: Accepts props to configure the label text, initial checked state, and potentially other behaviors.
Accessibility: Ensures the component is accessible for users with disabilities, following WCAG guidelines.
Description:
The current UI lacks a reusable
RadioGroupcomponent. This makes building forms and selecting options cumbersome and requires repetitive code. Implementing a dedicatedRadioGroupcomponent will improve code maintainability, consistency, and efficiency.Proposed Solution:
Develop a reusable RadioGroup component that offers the following functionalities:
Figma
Folder Structure
Note: Try to integrate Legend State React For state management.