Illustrator Angular Template – Doodlia

About This Item

Doodlia Angular is an illustrator Angular template for one illustrator and character designer with a shop of prints, written in TypeScript on Angular 17. Each page is a standalone component. The Angular CLI handles serving, building and testing.

The commission, work & shop logic sits in injectable services. As a result, components stay small and easy to test. For instance, one service handles a commission builder that prices characters by framing, and every component that needs it reuses it.

Home Page Components

• The Studio – a sticker masthead slider above the framed header, the intro with the lucky cat.
• The Shop – the divided layout with a side panel, a split hero for prints.
• Commissions – a centred slider of titles with character stickers set between the words.

Commission, Work & Shop Features And Services

• Commission Builder – characters, framing, style, usage, turnaround and extras, with the quote, the breakdown.
• Request A Commission – five steps: the brief, style and usage, references with an upload, your details.
• Rates & Usage / How It Works – the rates by framing and style, the usage licences, rush and express, the extras.
• The Work / The Series / Piece Details – every piece with series tabs and search, the six series one band each.
• The Shop – kinds, a price ceiling, sort and search.
• Bag, Checkout & Wishlist – lines by size, quantities, the shipping zone, the free-shipping meter.

Illustrator Angular Template Features

• Angular 17 standalone components for 32 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 illustrator Angular template in another stack? Doodlia also comes as HTML5, React, Vue and WordPress. Every format is in the developer bundle at 20% off. Browse more Personal Portfolio Angular templates.

Built with Angular and TypeScript.