Mecanova Angular is a tire shop Angular template for car repair workshops and tire centers, written in TypeScript on Angular 17. Each page is a standalone component. The Angular CLI handles serving, building and testing.

The garage logic sits in injectable services. As a result, components stay small and easy to test. For instance, one service handles service prices that follow the size of the car, and every component that needs it reuses it.

Home Page Components

• Car Service & Repair – a hero slider on a tyre-tread band with prices from the data.
• Tyre & Wheel Centre – a full-photo hero with a live opening-time card.
• MOT & Diagnostics – a blue hero with cut-out wheels and price tags, three docked films, Dashboard Check.

Garage Features And Services

• Service Menu – nineteen services in five categories.
• Book A Bay – a five-step wizard: the car, the services.
• MOT & Inspection – the due date from your last test.
• Tyre Finder – width, profile and rim narrow each other to the sizes in stock.
• 24h Breakdown – the van’s arrival time for this hour, vans on duty, the night rate.
• Service Plans – interim, full and major services side by side.

Tire 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 tire shop Angular template in another stack? Mecanova also comes as HTML5, React, Vue and WordPress. Every format is in the developer bundle at 20% off. Browse more Auto Repair Angular templates.

Built with Angular and TypeScript.