Apiaria Angular is a honey shop Angular template for beekeepers and honey shops, written in TypeScript on Angular 17. Each page is a standalone component. The Angular CLI handles serving, building and testing.

The honey, course & shop logic sits in injectable services. As a result, components stay small and easy to test. For instance, one service handles a batch trace that opens the apiary, hives and harvest of any jar, and every component that needs it reuses it.

Home Page Components

• The Honey House – a hero slider of the honeys with their batch and apiary.
• The Apiary – a hero slider with the next beginners’ course, what are honeybees, Inside A Frame.
• The Honey Shop – a hero with the jars and their prices, shop by season.

Honey, Course & Shop Features And Services

• Honeys By Season – every honey by flower and season with a finder by season.
• Trace Your Jar – type the batch number from the lid in any spelling and see the honey.
• Gift Boxes – three boxes, a honey for every jar, extras.
• Our Apiaries – the four apiaries with their flowers, hives, honeys, courses and maps.
• Beekeeping Courses – seven courses on their own repeat rules at four places.
• Pollination Hire – hives an acre by crop, acres, bloom weeks and extra weeks.

Honey Shop Angular Template Features

• Angular 17 standalone components for 30 pages
• Typed models and services in TypeScript
• RxJS for shared state such as the cart, the theme and the language
• Lazy-loaded routes and the Angular CLI
• Light and dark mode on one switch, remembered between visits
• Right-to-left layouts for every page
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Working With The Angular CLI

Install Node 18 or newer and the Angular CLI. Then run npm install and ng serve. Later, ng build writes the production files.

Looking for this honey shop Angular template in another stack? Apiaria also comes as HTML5, React, Vue and WordPress. Every format is in the developer bundle at 20% off. Browse more Grocery & Organic Angular templates.

Built with Angular and TypeScript.