CSC/ECE 517 Fall 2023 - E2381. Reimplement frontend for Assignments: Difference between revisions
| Line 25: | Line 25: | ||
[[File:Img1.jpeg|1000px|center]] | [[File:Img1.jpeg|1000px|center]] | ||
Assignment view for students in old Expertiza. | '''Assignment view for students in old Expertiza.''' | ||
[[File:Img2.jpeg|1000px|center]] | [[File:Img2.jpeg|1000px|center]] | ||
Assignment submission for students in old Expertiza. | '''Assignment submission for students in old Expertiza.''' | ||
[[File:Img4.jpeg|1000px|center]] | [[File:Img4.jpeg|1000px|center]] | ||
Editing assignment for instructors in old Expertiza. | '''Editing assignment for instructors in old Expertiza.''' | ||
[[File:Img5.jpeg|1000px|center]] | [[File:Img5.jpeg|1000px|center]] | ||
Assignment view in current Expertiza. | '''Assignment view in current Expertiza.''' | ||
== Useful Links == | == Useful Links == | ||
Revision as of 04:49, 16 November 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.
Designs
Assignment view for students in old Expertiza.
Assignment submission for students in old Expertiza.
Editing assignment for instructors in old Expertiza.
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