Desarrollo de sistema web de gestión de pedidos en minimarkets : desarrollo del frontend para el sistema web de gestión de pedidos en minimarkets.

Abstract

The following curricular integration project aims to develop and document a frontend for an online store and order management system specifically tailored for minimarkets. This will be achieved using the SCRUM methodology and the React tool. The primary objective is to create an intuitive and user-friendly interface for both customers and administrators, capable of interacting seamlessly with the backend designed exclusively for this system. In order to ensure a systematic and organized software development process, we have employed requirements and user stories, conducting six sprints to maintain a structured approach and prevent any disruptions due to disorganization or lack of communication. Every software project necessitates a robust architecture, and in this case, we have adopted the Model-View-ViewModel (MVVM) architecture. This approach focuses on identifying the views, responsible for displaying the visual elements of the system; the view model, which contains the frontend logic; and the model, referring to the Application Programming Interface (API) interactions. The primary framework utilized for this development is React. The system has been compartmentalized into reusable and non-reusable components. These components are designed to be invoked by other elements to construct the views. The view model is constructed using JavaScript XML (JSX) functions. Furthermore, the Axios library is employed for making requests to the model, ensuring seamless communication between the frontend and the backend systems. This meticulous approach guarantees the creation of a highly functional and efficient frontend interface, meeting the specific needs of minimarkets and providing an exceptional user experience for both customers and administrators.