Hobbyists’ Collection Web Application for Managing Miniature Model Inventories Using Mern Stack  

Authors

  • Yousef Fazea Marshall University, United States
  • Sean Armstrong Marshall University, United States

DOI:

https://doi.org/10.32890/jdsd2026.4.1.3

Keywords:

React.js, MERN, Node.js, Usability, Web-Based Application

Abstract

This is a web-based prototype that serves as a solution for miniature collectors of tabletop games, allowing them to manage their collection through addition, modification, deletion, and viewing. One of the principal problems this project addresses is that as collections grow, managing them becomes a hassle, leading people to purchase items twice because spreadsheet-based management is neither convenient nor portable. This analysis highlights a deficiency in current general-purpose inventory techniques when used for miniature hobbyist inventorying. Among its objectives, it aimed to develop a web application using React.js to improve the user experience (UX), develop the web server using Node.js (Express), enhance Node.js with Express, and utilise MongoDB to meet database needs. Among other objectives, it identified the functional and non-functional specifications of projects, activity diagrams, use case diagrams, user story specifications, collaboration diagrams, and database object schematics. A test of both usability and user experience was carried out using a 5-point Likert scale. The evaluation served as the prototype assessment to identify user perspectives and guide further refinements. There were 17 responses, representing roughly 89% of the active membership of a local game group. Results suggested that one should consider mobile-friendliness and allow users to interact using a touchpad. Results demonstrate the need to implement mobile-responsive features in the upcoming development iteration. Future developments would involve database modification, redesign of the graphical user interface, login function, and hosting options.

References

Abramov, D., & Nabors, R. (2023, March 16). Introducing react.dev. React Blog. https://react.dev/blog/2023/03/16/introducing-react-dev

Deshmukh, A. M., & Chalmeta, R. (2024). Validation of the System Usability Scale as a usability metric for evaluating voice user interfaces. PeerJ Computer Science, 10, e1918. https://doi.org/10.7717/peerj-cs.1918

Labba, S. T., Sharfuddin, M., Praveen, Z. S., Sujitha, B., & Reddy, D. (2023). Comprehensive analysis of web application development using the MERN stack. International Journal of Creative Research Thoughts (IJCRT), 11(7). https://www.ijcrt.org/papers/IJCRT2307133.pdf

Lilly, B., Zeigler, A., & Fazea, Y. (2024). Toronto Cupcakes e-commerce powered by React JS frameworks for user-centric design. Journal of Digital System Developments, 2(2). https://e-journal.uum.edu.my/index.php/jdsd/article/view/23093

Mccloy, D., Byrant, K., & Fazea, Y. (2024). The gathering deck builder with React.js and cutting-edge web development. Current Trends in Computing, 2(1), 48–59. https://dergipark.org.tr/en/pub/ctc/article/1492138

Ramos-Miller, C. G., & Pacheco, A. (2023). Towards inventory control excellence: Analysing management in educational institutions. F1000Research, 12, 1471. https://doi.org/10.12688/f1000research.140745.1

Weichbroth, P. (2024). Usability testing of mobile applications: A methodological framework. Applied Sciences, 14(5), 1792. https://doi.org/10.3390/app14051792

Wieruch, R. (n.d.). The road to learn React: Your journey to master plain yet pragmatic React.js. Independently published. https://www.roadtoreact.com/

jdsd cover page

Downloads

Published

30-04-2026

How to Cite

Fazea, Y., & Armstrong, S. (2026). Hobbyists’ Collection Web Application for Managing Miniature Model Inventories Using Mern Stack  . Journal of Digital System Development, 4(1), 38-45. https://doi.org/10.32890/jdsd2026.4.1.3

Most read articles by the same author(s)