A responsive Angular e-commerce frontend built for Idempiere ERP. Uses an OpenAPI-first approach, so any compatible REST backend can be plugged in by regenerating the API client from openapi.yaml.

Live demo: https://webstore.icreated.co

• Product catalog browsable by category, with full-text search and grid/list view toggle
• JWT authentication (login, signup)
• Cart with localStorage persistence and server sync
• 5-step checkout wizard
• Customer area: order history, order detail with void and PDF download, address management, account info, password update

npm install

Option A — Idempiere (primary backend)

Full ERP backend via the webstore-api REST plugin. Requires PostgreSQL + Idempiere + the plugin installed and configured. Runs on http://localhost:8080.

Option B — JSON mock server (for demo / development without Idempiere)

# clone and start https://github.com/icreated/webstore-json-server
# runs on http://localhost:3000

Edit src/environments/environment.ts:

api: {
  // baseUrl: 'http://localhost:8080/services/api'  // Idempiere (primary)
  baseUrl: 'http://localhost:3000'                  // JSON mock server
}

npm start   # dev server at http://localhost:4200

src/app/
├── api/          # Auto-generated — do not edit manually
├── core/         # Auth, interceptors, guards, cart, checkout, alert services
├── modules/      # Lazy-loaded pages (home, catalog, cart, checkout, account, signup)
└── shared/       # Reusable components, pipes, validators

Path aliases: @core/*, @shared/*, @api/*, @env/*

After modifying openapi.yaml:

npm run ng-openapi-gen

All files under src/app/api/ are regenerated — never edit them directly.

Home	Cart	Checkout	Order

Fork the repo and open a pull request from a feature branch.

GNU General Public License