Client-side interface for a web-based project management system

• Main Author: Ong, Celia Si Le
• Other Authors: Chua Hock Chuan
• Format: Final Year Project
• Language: English
• Published: Nanyang Technological University 2020
• Subjects: Engineering::Electrical and electronic engineering
• Online Access: https://hdl.handle.net/10356/140414
• Institution: Nanyang Technological University

In this report, I will be covering what it takes to build the interface for a web-based project management system for supervisors and students in NTU taking a Final Year Project (FYP) or groups of students taking the Design Innovation Project (DIP) module. A strong emphasis on ReactJS and user interface design choices will be discussed here. The system will be a crucial application to help convey important materials and to boost the efficiency of contact between supervisors and their students. This project’s interface is built on React, a frontend library in JavaScript along with Material- UI, HTML and CSS for styling of design components as well as other libraries like Axios to call APIs and Moment.js as a date utility library. The developed client-side user interface will provide the best user experience by containing user friendly interfaces along with carefully planned Web Architecture like the Single-Page Application (SPA) framework.