CSC/ECE 517 Fall 2023 - E2363. Create a UI for Assignment Edit page "Etc" tab in ReactJS: Difference between revisions

From Expertiza_Wiki
Jump to navigation Jump to search
(Created page with "<h1>Contents</h1> Introduction Index Files created / updated Modifications --> Components details (new component added) --> Task Completed Results Team --> Mentor and Members...")
 
 
(29 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<h1>Contents</h1>
==Expertiza==
Introduction
Index
Files created / updated
Modifications --> Components details (new component added) -->
Task Completed
Results
Team --> Mentor and Members
Pull Request
<h1>Introduction / Problem Statement</h1>
----


[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==
Create a UI for Assignment Edit page "Etc" tab [https://github.com/expertiza/reimplementation-front-end/issues/13 Issue]


==Expertiza==
Extended scope: Create the pages present under the Etc tab (Add Participant, Create Teams, Assign Reviewer, View Submissions, View Scores, View Reports, View Delayed Jobs)
 
==Files created / updated==
 
For the Assignment Edit and "Etc" page:
 
#src\components\Assignment\BasicExample.tsx
#src\pages\Assignments\Assignment.tsx
#src\pages\Assignments\BadgesView.tsx
#src\pages\Assignments\DueDatesView.tsx
#src\pages\Assignments\Etc.tsx
#src\pages\Assignments\EtcView.tsx
#src\pages\Assignments\GeneralView.tsx
#src\pages\Assignments\ReviewStrategyView.tsx
#src\pages\Assignments\RubricsView.tsx


[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.
For the content/pages under "Etc" page:


==Problem Statement==
#src\pages\Assignments\Etc\AddParticipant.tsx
The UI Page of the Manage > Assignments > Etc. needs to made
#src\pages\Assignments\Etc\AssignReviewer.tsx
#src\pages\Assignments\Etc\DelayedJob.tsx
#src\pages\Assignments\Etc\ViewReports.tsx
#src\pages\Assignments\Etc\ViewScores.tsx
#src\pages\Assignments\Etc\ViewSubmission.tsx


The structure is as follows:
Routes:


[[File:Screenshot 2023-10-30 133028.png|500px|Image : 500 pixels]]
#src\App.tsx


== Tasks that were accomplished:==
== Tasks that were accomplished:==
<br><strong>Part 1</strong>
=====Original Problem Statement=====


<strong>Part 2</strong>
Implemented the UI according to requirements given in the problem statement:
<br>
[[File:Final UI 2363.jpeg|900px|Image : 900 pixels]]


==Features Implemented==
<br><br>
=====Extended Scope=====


Added a new option in manage tab to route the user to our edit questionnaire page.
Implemented the UI according to requirements given in the extended scope of the project:
<br>
<br>
[[File:EditQuestionnaire_link.PNG|1000px|Image : 1000 pixels]]
[[File:View submissions 2363.jpeg|900px|Image : 900 pixels]]
<br><br>
<br>
Implemented the UI according to requirements given under task 1:
[[File:Assign reviewers 2363.jpeg|900px|Image : 900 pixels]]
<br>
[[File:AssignmentPage.jpeg|900px|Image : 900 pixels]]
<br>
<br>
[[File:EditQuestionnaire_section1.PNG|600px|Image : 600 pixels]]
[[File:CreateTeams.jpg|900px|Image : 900 pixels]]
<br><br>
 
Implemented the UI according to requirements given under task 2:
==In Progress==
Pages yet to be fully implemented:
* View Scores
* View Delayed Jobs
 
Expected design:
* View Scores
[[File:ViewScores.png|1000px|]]
 
*View Delayed Jobs
[[File:ViewDelayedJobs.png|1000px|]]


==Team==
==Team==
Line 47: Line 73:
=====Members=====  
=====Members=====  
* Raghav Narula <rnarula2@ncsu.edu>
* Raghav Narula <rnarula2@ncsu.edu>
* Mihir Nikam<mvnikam@ncsu.edu>
* Mihir Nikam <mvnikam@ncsu.edu>
* Ebani Gogia <egogia@ncsu.edu>
* Ebani Gogia <egogia@ncsu.edu>


==Important links==
==Important links==
*[https://github.com/subhang51011/reimplementation-front-end  Git Repository]
*[https://github.com/mihir7121/reimplementation-front-end  Git Repository]
* [https://github.com/expertiza/reimplementation-front-end/pull/19 Pull Request]


==References==
==References==


*[https://github.com/expertiza/reimplementation-front-end/issues/11 Project Instructions]
*[https://github.com/expertiza/reimplementation-front-end/issues/13 Project Instructions]

Latest revision as of 02:26, 31 October 2023

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

Create a UI for Assignment Edit page "Etc" tab Issue

Extended scope: Create the pages present under the Etc tab (Add Participant, Create Teams, Assign Reviewer, View Submissions, View Scores, View Reports, View Delayed Jobs)

Files created / updated

For the Assignment Edit and "Etc" page:

  1. src\components\Assignment\BasicExample.tsx
  2. src\pages\Assignments\Assignment.tsx
  3. src\pages\Assignments\BadgesView.tsx
  4. src\pages\Assignments\DueDatesView.tsx
  5. src\pages\Assignments\Etc.tsx
  6. src\pages\Assignments\EtcView.tsx
  7. src\pages\Assignments\GeneralView.tsx
  8. src\pages\Assignments\ReviewStrategyView.tsx
  9. src\pages\Assignments\RubricsView.tsx

For the content/pages under "Etc" page:

  1. src\pages\Assignments\Etc\AddParticipant.tsx
  2. src\pages\Assignments\Etc\AssignReviewer.tsx
  3. src\pages\Assignments\Etc\DelayedJob.tsx
  4. src\pages\Assignments\Etc\ViewReports.tsx
  5. src\pages\Assignments\Etc\ViewScores.tsx
  6. src\pages\Assignments\Etc\ViewSubmission.tsx

Routes:

  1. src\App.tsx

Tasks that were accomplished:

Original Problem Statement

Implemented the UI according to requirements given in the problem statement:
Image : 900 pixels



Extended Scope

Implemented the UI according to requirements given in the extended scope of the project:
Image : 900 pixels
Image : 900 pixels
Image : 900 pixels
Image : 900 pixels

In Progress

Pages yet to be fully implemented:

  • View Scores
  • View Delayed Jobs

Expected design:

  • View Scores

  • View Delayed Jobs

Team

Mentor
  • Kartiki Bhandakkar <kbhanda3@ncsu.edu>
Members
  • Raghav Narula <rnarula2@ncsu.edu>
  • Mihir Nikam <mvnikam@ncsu.edu>
  • Ebani Gogia <egogia@ncsu.edu>

Important links

References

Retrieved from "https://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2023_-_E2363._Create_a_UI_for_Assignment_Edit_page_%22Etc%22_tab_in_ReactJS&oldid=150873"