Implement Create Class Functionality in Frontend

[gdsc-mmcoe]

Implement Create Class Functionality 📅👩‍🏫

Description

Issue: Develop the frontend functionality for creating a class in the QR-Based Attendance System. This functionality allows teachers to input class details, including the class name and schedule, making it easier to organize and manage classes effectively.

Objective: Creating a user-friendly interface for class creation simplifies the process for teachers to add new classes, schedule lectures, and manage their teaching activities. This issue focuses on implementing the frontend functionality for this purpose.

Class table schema: Class Class_id Class_name Teacher_id Start_time End_time Date Attendees (array)

Implementation Details

• Frontend Development: The Create Class Functionality will be implemented on the frontend of the application, utilizing HTML, CSS, and JavaScript.

• User Interface Design: The UI will be designed to collect class details such as class name, schedule, and any other relevant information in an intuitive and organized manner.

Task Checklist

• [ ] Create a user-friendly interface for teachers to input class details.
• [ ] Implement functionality to capture and validate class name and schedule inputs.
• [ ] Ensure the UI is responsive for various screen sizes and devices.
• [ ] Integrate the functionality with the existing frontend infrastructure.
• [ ] Rigorously test the functionality to ensure it correctly captures and validates class details.
• [ ] Properly document the functionality and its usage in the project's UI/UX documentation.

Usage

To use the Create Class Functionality:

1. Teachers can access this functionality through their dashboard by selecting the "Create Class" option.

2. The interface will prompt teachers to input the class name, schedule, and any other necessary information.

3. Teachers can submit the form to create a new class.

Checklist

• [ ] User-friendly interface for class creation developed
• [ ] Functionality to capture and validate class details implemented
• [ ] Responsive design ensured
• [ ] Functionality integrated with frontend infrastructure
• [ ] Functionality tested for correct class creation
• [ ] Documentation updated
• [ ] Issue labeled and assigned
• [ ] Estimated time and deadline set
• [ ] UI mockups added if applicable

For More details refer Readme

[gdsc-mmcoe]

📢 Announcement: Issue Assignment Starting Tomorrow

Dear contributors,

We're excited to kick off the assignment of issues for our project tomorrow. Your contributions are invaluable, and we appreciate your enthusiasm!

To ensure a smooth process, please make sure to follow the format and guidelines provided in the main repository description when submitting your requests. This helps us understand your contributions better and streamline the assignment process.

Thank you for your cooperation, and get ready to make a difference in our project!

Best regards, Team GDSC MMCOE & Cummins