CSC/ECE 517 Fall 2023 - E2381. Reimplement frontend for Assignments: Difference between revisions
No edit summary |
|||
| Line 24: | Line 24: | ||
== Designs == | == Designs == | ||
=== List === | |||
[[File:Img1.jpeg|800px|center]] | [[File:Img1.jpeg|800px|center]] | ||
| Line 34: | Line 34: | ||
<br> | <br> | ||
=== Create === | |||
[[File:Img2.jpeg|800px|center]] | [[File:Img2.jpeg|800px|center]] | ||
| Line 42: | Line 43: | ||
<br> | <br> | ||
<br> | <br> | ||
=== Update === | |||
[[File:Img4.jpeg|800px|center]] | [[File:Img4.jpeg|800px|center]] | ||
| Line 50: | Line 53: | ||
<br> | <br> | ||
<br> | <br> | ||
=== Delete === | |||
[[File:Img5.jpeg|800px|center]] | [[File:Img5.jpeg|800px|center]] | ||
Revision as of 01:28, 5 December 2023
Description of Project
The project focuses on the reimplementation of the frontend for assignments in Expertiza, utilizing React and Typescript. In the new implementation, the backend and frontend applications have been decoupled, allowing for more flexibility in the technology stack. The specific components under consideration are the pages for listing, creating, editing, and deleting assignments. Previously relying on a Ruby template parser, the new approach leverages React JS for enhanced modularity and efficiency.
By reimagining the assignment management frontend, this project aims to bring a modern, responsive, and efficient interface to Expertiza, aligning with contemporary web development standards. The use of React and Typescript ensures a robust foundation, fostering maintainability and scalability in the long run.
Technologies Used
1. ReactJs
2. React-Bootstrap for styling the pages of the components mentioned.
Changes
- Enhance assignment management UI for improved clarity and intuitiveness, inspired by the existing theme.
- Implement React and Typescript for modern frontend development, ensuring maintainability and scalability.
- Adhere to coding standards, emphasizing component reuse, single responsibility, meaningful naming, and Typescript usage.
- Utilize a tabular format for assignment listing, with buttons for editing, deleting, and creating assignments.
- Maintain UI theming consistency with Expertiza, drawing inspiration from the Users page.
- Introduce responsive alert notifications for immediate user feedback on assignment-related actions.
Files Added
Designs
List
Assignment view for students in old Expertiza.
Create
Assignment submission for students in old Expertiza.
Update
Editing assignment for instructors in old Expertiza.
Delete
Assignment view in current Expertiza.
Useful Links
- Github Repository: https://github.com/R3Rex31/reimplementation-front-end
Contributors
Group members:
Siddhi Mule
Rishab Muzhangathu
Aditi Gulabchand Varma
Mentor:
Renji Joseph Sabu