Vineyard Angular Template – Vendemia

About This Item

Vendemia Angular is a vineyard Angular template for a family vineyard that guests take part in, written in TypeScript on Angular 17. Each page is a standalone component. The Angular CLI handles serving, building and testing.

The vineyard logic sits in injectable services. As a result, components stay small and easy to test. For instance, one service handles the farm gate open now, and every component that needs it reuses it.

Home Page Components

• The Vineyard – a hero slider over the sunny rows, the hill season by season.
• Harvest Days – the harvest weekend in four things you will do before lunch.
• Stay & Dine – the rooms and cottages side by side, The Family Tree.

Vineyard Features And Services

• Adopt A Vine – one vine, a half-row share or the family row.
• The Rows – fourteen rows by field and grape.
• Harvest Days – every Saturday and Sunday of the season by month with the places left.
• Vineyard Stays – three farmhouse rooms and two cottages priced for the same dates.
• Long-Table Dinners – four dinners on their own repeat rules.
• The Wine Shop – reds, whites, rosés and sparkling with price filter, sort and search.

Vineyard Angular Template Features

• Angular 17 standalone components for 31 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 vineyard Angular template in another stack? Vendemia also comes as HTML5, React, Vue and WordPress. Every format is in the developer bundle at 20% off. Browse more Wine & Vineyard Angular templates.

Built with Angular and TypeScript.