ShopManager — Multilingual commercial management web app
ShopManager is a production web app focused on the daily management of a business.
It centralizes master entities, operational documents, stock, cash, and reports in a single web interface.
The app allows user-level customization, including language and theme selection, and consumes its own backend API that enforces business rules.
The problem
In many small and medium businesses, daily operations rely on:
- spreadsheets,
- disconnected tools,
- manual processes with no state control,
- and lack of a unified view of the business.
This leads to errors, data duplication, and difficulty operating reliably.
The solution
I built a commercial management web app that acts as a single point of operation, organizing the business domain into clear and coherent modules.
The app strictly separates:
- user interface,
- business logic (backend),
- and data persistence
allowing each part to evolve independently.
Main features
Entity management
Administration of system masters:
- Users
- Products
- Customers
- Suppliers
Includes create, edit, and delete operations, with role-based access control.
Business documents
Full management of operational documents:
- Purchase delivery notes
- Sales delivery notes
- Stock deposits
- Cash transfers
Each document follows a clear flow:
- draft creation,
- line management,
- confirmation,
- and automatic effects on stock and cash.
Stock and cash
The application allows:
- manage stock locations,
- move stock between locations,
- manage cash accounts,
- and record cash transfers.
All consistently aligned with business documents.
Reports
Reports offer:
- sales by period
- stock valuation
- cash movements
- operational KPIs
Designed to provide an immediate operational view of the business status.
User profile
Each user can configure:
- language
- theme
- permissions
- personal settings
Support includes:
- Languages: Spanish, English, and French
- Themes: Light and Dark (architecture ready to expand the list)
Preferences are saved per user and automatically applied across the application.
Architecture
- SPA application
- Navigation structured by sections: Home, Entities, Documents, Reports, Profile
- Exclusive consumption of the ShopManager backend API
- Frontend decoupled from business logic
- Global state management with Pinia.
Tech stack
- Frontend framework: Vue 3 + Vite
- Routing: Vue Router
- API communication: Axios
- Visual management: custom components
- Deployment: Netlify
Operations and deployment
- Production deployment
- Active monitoring
- Controlled updates
What this project proves
This project demonstrates my ability to:
- Build production-grade operational web apps
- Design coherent UX for business workflows
- Integrate backend logic with frontend UI
- Operate real software with reliability
- Support multi-language and theme configuration
- Evolve a system with traceability
Project images
- Main panel
- Entity management
- Document management
- User profile
- Reports
(real screenshots already provided)
