Nocturna — Speakeasy Bar Angular Website Template

About This Item

Nocturna Angular is a speakeasy bar website for cocktail bars and lounges, written in TypeScript on Angular 17. Each page is a standalone component. The Angular CLI handles serving, building and testing.

The bar logic sits in injectable services. As a result, components stay small and easy to test. For instance, one service handles Cocktail Menu, and every component that needs it reuses it.

Home Page Components

• Cocktail Lounge – a hero slider, a quick table booking and the upcoming events. In Dusk To.
• Aperitivo Garden – the garden in daylight, long drinks and the club. In The Pour.
• Late-Night Speakeasy – open till three, with the bar in photographs and a week at Nocturna. As.

Bar Features And Services

• Cocktail Menu – spirit tabs, a flavour, vegan and zero-proof checks, a ceiling on strength.
• Recipes – each drink scales from one to eight servings, in millilitres or fluid ounces.
• Book A Table – four steps: the party and the night, a time with tables free.
• Private Events – an estimate with the drinks package per guest, extra hours, the room’s hire fee.
• Masterclasses – the next six sessions with their seats left.
• Events – tonight’s night with its state.

Speakeasy Bar Website 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
• 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 speakeasy bar website in another stack? Nocturna also comes as HTML5, React, Vue and WordPress. Every format is in the developer bundle at 20% off. Browse more Restaurant & Cafe Angular templates.

Built with Angular and TypeScript.