Developing an Expense Tracking Application using React and Node.js
Khandelwal, Arpit (2022)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2022120827441
https://urn.fi/URN:NBN:fi:amk-2022120827441
Tiivistelmä
In the past, the LAMP stack (Linux, Apache, MySQL, PHP, or Perl) and Java-based applications dominated web development (Java EE, Spring). These stacks contain multiple programming languages, which might be difficult for a single developer to comprehend. A developer can now engage in both the front-end and back-end operations of a web application due to advancements in web technologies over the past few years.
The purpose of the thesis was to analyze the requirements for a web-based expense tracking application. Figma was utilized to test and develop the prototype webapp. The front-end user interface was created using React. The thesis focuses on how to increase the accessibility of a webapp to reach a larger audience. In the theoretical portion of the thesis, the expense tracker, its basic components, and its rate of adoption were discussed. Following is a description of the expense tracker web application's prerequisites and general features. The practical element of the thesis includes the Figma design prototype of the webapp and the installation of the necessary environment and dependencies for the front-end and back-end webapp prototypes using React and Node.js.
The thesis study analyzed the most desired expense tracker webapp feature requirements by doing a comprehensive literature review and market research on the most popular expense tracker webapp. According to the findings, React is an outstanding webapp development framework, but Figma is an intuitive UI/UX prototyping tool. The material of the thesis will also assist readers in comprehending the features and accessibility requirements of the cost tracker app, as well as guide them through the implementation process.
The purpose of the thesis was to analyze the requirements for a web-based expense tracking application. Figma was utilized to test and develop the prototype webapp. The front-end user interface was created using React. The thesis focuses on how to increase the accessibility of a webapp to reach a larger audience. In the theoretical portion of the thesis, the expense tracker, its basic components, and its rate of adoption were discussed. Following is a description of the expense tracker web application's prerequisites and general features. The practical element of the thesis includes the Figma design prototype of the webapp and the installation of the necessary environment and dependencies for the front-end and back-end webapp prototypes using React and Node.js.
The thesis study analyzed the most desired expense tracker webapp feature requirements by doing a comprehensive literature review and market research on the most popular expense tracker webapp. According to the findings, React is an outstanding webapp development framework, but Figma is an intuitive UI/UX prototyping tool. The material of the thesis will also assist readers in comprehending the features and accessibility requirements of the cost tracker app, as well as guide them through the implementation process.