CSC/ECE 517 Spring 2024 - E2435 Implement Frontend for the My Profile: Difference between revisions

From Expertiza_Wiki
Jump to navigation Jump to search
(Created page with "Introduction")
 
No edit summary
Line 1: Line 1:
Introduction
Overview
 
The My Profile page in Expertiza currently implemented in Ruby needs to be reimplemented using React and TypeScript to enhance user experience and maintainability. The reimplementation aims to maintain feature parity while improving intuitiveness and usability.
Features
Profile Display
 
    Show Profile: Display user's profile information.
    Anonymized View: Check if anonymized view is selected, if not, display the user's name; otherwise, map it to a function to display the student ID.
 
Preferences
 
    Language: Allow users to select their preferred language.
    Timezones: Enable users to set their timezone preferences.
    Email Options: Provide checkboxes for users to manage their email preferences.
 
User Interface
 
    Homogeneous Design: Ensure UI consistency with the current reimplementation of Expertiza.
    Intuitive Design: Design the UI to be user-friendly and intuitive, making it easy for users to navigate and understand.
 
Implementation Details
Technologies
 
    React: Front-end library for building user interfaces.
    TypeScript: Adds static typing to JavaScript, enhancing code quality and maintainability.
 
UI Design
 
The UI design will be homogeneous to the current reimplementation of Expertiza to maintain consistency across the platform. It will feature a clean and intuitive layout with clear navigation and easily identifiable controls.

Revision as of 18:56, 8 April 2024

Overview

The My Profile page in Expertiza currently implemented in Ruby needs to be reimplemented using React and TypeScript to enhance user experience and maintainability. The reimplementation aims to maintain feature parity while improving intuitiveness and usability. Features Profile Display

   Show Profile: Display user's profile information.
   Anonymized View: Check if anonymized view is selected, if not, display the user's name; otherwise, map it to a function to display the student ID.

Preferences

   Language: Allow users to select their preferred language.
   Timezones: Enable users to set their timezone preferences.
   Email Options: Provide checkboxes for users to manage their email preferences.

User Interface

   Homogeneous Design: Ensure UI consistency with the current reimplementation of Expertiza.
   Intuitive Design: Design the UI to be user-friendly and intuitive, making it easy for users to navigate and understand.

Implementation Details Technologies

   React: Front-end library for building user interfaces.
   TypeScript: Adds static typing to JavaScript, enhancing code quality and maintainability.

UI Design

The UI design will be homogeneous to the current reimplementation of Expertiza to maintain consistency across the platform. It will feature a clean and intuitive layout with clear navigation and easily identifiable controls.