CSC/ECE 517 Fall 2023 - E2362. Create a page to edit an Assignment's due date in ReactJS

Expertiza

Expertiza is a Ruby on Rails based open source project. Instructors have the ability to add new projects, assignments, etc., as well as edit existing ones. Later on, they can view student submissions and grade them. Students can also use Expertiza to organize into teams to work on different projects and assignments and submit their work. They can also review other students' submissions.

Problem Statement

The task involves creating a page to edit an assignment's Due Date in ReactJS. A Due Dates page will display all the assignments with their corresponding due dates. It contains a table which displays data regarding an assignment such as - Deadline type, Date & time, Submission and Review Allowed, Reminders (hrs.)

Tasks that were accomplished:

1. Create a UI Page to edit an assignment's Due Date:
   • Design a user-friendly page that lists all the assignments with their corresponding due dates.
   • Implement the necessary React components for displaying the due dates page.

Implemented below updates which were required to be done from previous version:

1. Remove the "Number of review rounds" input tab.
2. Align the "Timezone" field in the same column as the checkboxes.
3. Remove the "Show/Hide Date Updater" button.
4. Remove the "Use Date Updater" column from the table.
5. Change the "Apply late policy" field to say, ~ "Use the late policy for this assignment".
6. Add a space between "Due date reminder" and "(hrs.)".

Files added / modified

• reimplementation-front-end/src/App.tsx
• reimplementation-front-end/src/pages/DueDate/dueDate.tsx

Results (Screenshots)

• Page to edit assignment's due dates:

Team

Mentor

• Kartiki Bhandakkar

Members

• Sourabh Wattamwar <sswattam@ncsu.edu>
• Nirav Shah <nshah28@ncsu.edu>
• Mohit Soni <msoni@ncsu.edu>

Pull Request

• https://github.com/expertiza/reimplementation-front-end/pull/16

References

• Project Instructions