Expertiza_Wiki - User contributions [en]

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

2023-11-06T04:44:28Z

Nshah28:

==Expertiza==

[http://expertiza.ncsu.edu/ Expertiza] is a [http://rubyonrails.org/ 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:

#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:
#Remove the "Number of review rounds" input tab.
#Align the "Timezone" field in the same column as the checkboxes.
#Remove the "Show/Hide Date Updater" button.
#Remove the "Use Date Updater" column from the table.
#Change the "Apply late policy" field to say, ~ "Use the late policy for this assignment".
#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
== Test Plan ==
* This is the frontend implementation, and the test cases are not required according to the requirements

== Results (Screenshots) ==
*Below is the image of the older version for comparison:
[[File:DuedateOlderPage.png|990px]]
*Updated page to edit assignment's due dates:
[[File:Duedate_page.png|990px]]

==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 https://github.com/expertiza/reimplementation-front-end/pull/16]

==References==

*[https://docs.google.com/document/d/1dXwTNHR26eou6EJZkME8k8FhlpxCf_roMmWzclca8bA/edit?usp=sharing Project Instructions]

File:DuedateOlderPage.png

2023-11-06T04:43:33Z

Nshah28:

File:Duedate older page.png

2023-11-06T04:41:18Z

Nshah28:

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

2023-11-06T04:40:48Z

Nshah28:

==Expertiza==

[http://expertiza.ncsu.edu/ Expertiza] is a [http://rubyonrails.org/ 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:

#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:
#Remove the "Number of review rounds" input tab.
#Align the "Timezone" field in the same column as the checkboxes.
#Remove the "Show/Hide Date Updater" button.
#Remove the "Use Date Updater" column from the table.
#Change the "Apply late policy" field to say, ~ "Use the late policy for this assignment".
#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
== Test Plan ==
* This is the frontend implementation, and the test cases are not required according to the requirements

== Results (Screenshots) ==
*Below is the image of the older version for comparison:
[[File:Duedate_older_page.png|990px]]
*Page to edit assignment's due dates:
[[File:Duedate_page.png|990px]]

==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 https://github.com/expertiza/reimplementation-front-end/pull/16]

==References==

*[https://docs.google.com/document/d/1dXwTNHR26eou6EJZkME8k8FhlpxCf_roMmWzclca8bA/edit?usp=sharing Project Instructions]