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
 
(16 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<h1>Contents</h1>
Introduction
Index
Modifications --> Components details (new component added) -->
Task Completed
Results
Team --> Mentor and Members
Pull Request
<h1>Introduction / Problem Statement</h1>
----
==Expertiza==
==Expertiza==


Line 21: Line 9:


==Files created / updated==
==Files created / updated==
For the Assignment Edit and "Etc" page:
#src\components\Assignment\BasicExample.tsx
#src\components\Assignment\BasicExample.tsx
#src\pages\Assignments\Assignment.tsx
#src\pages\Assignments\Assignment.tsx
Line 30: Line 21:
#src\pages\Assignments\ReviewStrategyView.tsx
#src\pages\Assignments\ReviewStrategyView.tsx
#src\pages\Assignments\RubricsView.tsx
#src\pages\Assignments\RubricsView.tsx
For the content/pages under "Etc" page:


#src\pages\Assignments\Etc\AddParticipant.tsx
#src\pages\Assignments\Etc\AddParticipant.tsx
Line 37: Line 30:
#src\pages\Assignments\Etc\ViewScores.tsx
#src\pages\Assignments\Etc\ViewScores.tsx
#src\pages\Assignments\Etc\ViewSubmission.tsx
#src\pages\Assignments\Etc\ViewSubmission.tsx
Routes:


#src\App.tsx
#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=====


Implemented the UI according to requirements given under task 1:
Implemented the UI according to requirements given in the extended scope of the project:
[[File:Final UI 2363.jpeg]]
<br><br>
Implemented the UI according to requirements given under task 2:
<br>
<br>
[[File:View submissions 2363.jpeg]]
[[File:View submissions 2363.jpeg|900px|Image : 900 pixels]]
<br>
<br>
[[File:Assign reviewers 2363.jpeg]]
[[File:Assign reviewers 2363.jpeg|900px|Image : 900 pixels]]
<br>
<br>
[[File:AssignmentPage.jpeg]]
[[File:AssignmentPage.jpeg|900px|Image : 900 pixels]]
<br>
<br>
[[File:CreateTeams.jpg]]
[[File:CreateTeams.jpg|900px|Image : 900 pixels]]


==In Progress==
==In Progress==
Pages yet to be fully implemented:
Pages yet to be fully implemented:
* Create Teams
* View Scores
* View Scores
* View Delayed Jobs
* View Delayed Jobs
Line 79: 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"