E2433. Implement UI for the Student Teams

From Expertiza_Wiki
Revision as of 19:54, 8 April 2024 by Smandav (talk | contribs)
Jump to navigation Jump to search

Description

The main objective of this project is to reconstruct and enhance the frontend components of the Expertiza platform, specifically targeting the "Student teams" interface. The mission is to engineer a robust and dynamic user interface utilizing React.js and TypeScript, which will serve to facilitate the management and viewing of student teams within the application. This includes crafting fully operational React components that not only replicate the existing functionality but also introduce improvements in usability and design, in alignment with the modern web development standards.

Design

URL Restructuring

In the initial stages of our web application's development, we utilized a straightforward URL pattern for accessing team information: /teams/participants. This pattern provided a centralized point to view all participants within different teams. As the application evolved, we identified the need to devise a more granular and assignment-centric approach to managing team data. Consequently, we introduced an improved URL format: /teams/{id}/participants, where {id} signifies the distinct identifier for each team. This enhancement has allowed for a more direct and efficient retrieval of team-specific participant data, thereby streamlining the management process and improving navigation across the application. This refined URL structure also ensures a consistent and logical framework for accessing related team tasks.

Database

Components

Files modified

Implementation

Design Patterns

Testing Plan

Relevant Links

Team

Mentor

  • Kalyan Karnati <kkarnat@ncsu.edu>

Members

  • Sreenitya Mandava <smandav@ncsu.edu>
  • Sree Tulasi Shevva <sshevva@ncsu.edu>
  • Yogitha Seela <yseela@ncsu.edu>