Hobbyists’ Collection Web Application for Managing Miniature Model Inventories Using Mern Stack
DOI:
https://doi.org/10.32890/jdsd2026.4.1.3Keywords:
React.js, MERN, Node.js, Usability, Web-Based ApplicationAbstract
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/
Published
Issue
Section
License
Copyright (c) 2026 Yousef Fazea, Sean Armstrong

This work is licensed under a Creative Commons Attribution 4.0 International License.







