Shopping Center Web Application enhancement and redesign through React and NodeJS
Nguyen, Loan (2020)
Nguyen, Loan
2020
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2020051410179
https://urn.fi/URN:NBN:fi:amk-2020051410179
Tiivistelmä
The main objectives of the thesis were to enhance and redesign the shopping center web application by using modern technology. Additionally, this thesis is used to demonstrate the outcome of the author’s learning of React, Redux, and NodeJS. The result of this project is a redesigned offers page, which is fit for the requirements of UX and meet the user's needs.
This project consists of investigating the main principles of user experience and user interface design by conducting interviews aimed at collecting background information about the user’s behaviors, needs, and suggestions. The next step is creating the wireframes, which helped to make choices about how to build a webpage structure and decide the suitable place for different visual elements. After that, the project continued with webpage implementation. A REST web service was built to provide data to the application. Visual design creation was based on choosing suitable fonts, color palette, and interaction details. ReactJS with Redux, Bootstrap was chosen as the framework for frontend due to author's eagerness to learn new technology.
This project consists of investigating the main principles of user experience and user interface design by conducting interviews aimed at collecting background information about the user’s behaviors, needs, and suggestions. The next step is creating the wireframes, which helped to make choices about how to build a webpage structure and decide the suitable place for different visual elements. After that, the project continued with webpage implementation. A REST web service was built to provide data to the application. Visual design creation was based on choosing suitable fonts, color palette, and interaction details. ReactJS with Redux, Bootstrap was chosen as the framework for frontend due to author's eagerness to learn new technology.