Jane was born and raised in Oahu and currently attends Kapiolani Community College. She plans to transfer to UH Manoa to pursue a bachelor’s degree in Computer Science. Jane is highly involved in KCC’s STEM center, working as a tutor, participating in the Engineering Club, and being part of the KapCC TAPDINTO STEM Program. When she’s not busy with school, she enjoys spending time with her family and playing video games with her partner.
Home Island: Oahu
High School: President Theodore Roosevelt High School, Hawaii
Institution when accepted: Kapiolani Community College
Project Title:Â Designing and Developing a Web Portal GUI
Project Site: Maui High Performance Computing Center, Maui HI
Mentor: Willard Peralta & Derek Bal
Project Abstract:
The Maui High Performance Computing Center (MHPCC) needs an updated and modernized Web Portal graphical user interface (GUI) design. This project aims to develop a proof-of-concept GUI design that enables an improved user experience when accessing High Performance Computing resources. The prototype web portal GUI will showcase a more user-friendly interface with modern aesthetics. In particular, Figma is being leveraged for wireframing and creating mockups during the prototype’s design phase. Following the design phase in Figma, the project transitions to Framer for high-fidelity prototyping. Framer’s capabilities allow experimentation with animations, 3D elements, and interactive components, which are essential for enhancing user experience. In preparation for creating the prototype, the project utilizes modern tools, including JavaScript, HTML, CSS, and React. React, along with its JSX syntax extension, helps build user interfaces and is further enhanced by Next.js, a React-based framework used to create web applications with server-side rendering. Additional tools include React component libraries and a modern Integrated Development Environment such as Visual Studio Code. The final step involves building the official prototype using Next.js and deploying the web portal. Upon completion, the prototype will undergo evaluation to ensure it meets MHPCC’s requirements, potentially serving as a foundation for future development and implementation.