Weedify Angular translates a premium dispensary design into Angular 11+’s component-driven architecture, giving developers a production-grade cannabis storefront template built with TypeScript and Bootstrap. All 22 pages — from product catalogs and cart interactions to nine blog layout permutations — exist as isolated, testable Angular components connected through lazy-loaded route modules. The result is a fast, maintainable codebase ready for real dispensary deployments.

Four homepage components offer distinct visual identities, while the shop module supports three sidebar configurations for maximum merchandising flexibility. Angular’s Reactive Forms power the login, signup, and cart interactions with built-in validation, and the modular service layer makes it trivial to connect product data, user sessions, and cart state to any backend API.

Key Features

• Angular 11+ with TypeScript — Strongly typed components, services, and route guards
• 22 Page Components — Complete dispensary experience from homepage to checkout
• 4 Homepage Components — Four interchangeable landing page designs
• Shop Module — Product grid with left, right, and full-width sidebar configurations
• Product Detail Component — Image gallery, strain information, and add-to-cart functionality
• Cart Service — Injectable cart service managing state across components
• 9 Blog Components — Grid, list, and detail views with three sidebar options each
• Auth Module — Login and signup components with Reactive Forms validation
• Lazy-Loaded Routes — Feature modules loaded on demand for optimal performance
• SCSS Architecture — Modular stylesheets with variables and component-scoped styles
• Angular Universal Ready — Prepared for SSR to improve SEO and initial load speed
• Responsive Bootstrap — Mobile-first grid adapting to all screen sizes
• Route Guards — Protected routes for authenticated user areas
• Clean Architecture — Feature-based modules following Angular style guide conventions

Who Is This Template For?

• Angular Developers — A dispensary-focused template to jumpstart cannabis e-commerce projects
• Cannabis Tech Teams — Build inventory and POS integrations on a solid Angular foundation
• Digital Agencies — Deliver dispensary websites to clients with enterprise-grade code quality
• Full-Stack Engineers — Wire up Node.js or .NET backends through Angular services
• Startups — Validate dispensary platform ideas with a complete frontend MVP

Pages Included (22)

• index — Primary homepage with hero, product carousel, and dispensary info
• homepage-2 — Slider-driven homepage with category highlights
• homepage-3 — Parallax homepage with customer testimonials
• homepage-4 — Image-heavy homepage with promotional blocks
• about — Dispensary story and team component
• shop / shop-left / shop-right — Three shop layout components
• Product-details — Product detail with image gallery and strain data
• cart — Cart component with reactive quantity management
• Blog-grid-left / Blog-grid-right / Blog-grid-standard — Three grid blog layouts
• Blog-list-left / Blog-list-right / Blog-list-standard — Three list blog layouts
• Blog-details-left / Blog-details-right / Blog-details-standard — Three article views
• Log-in — Login component with Reactive Forms
• Signup — Registration component with validation
• 404 — Custom not-found component

Template At a Glance

• Category: Cannabis Dispensary, CBD Shop
• Total Pages: 22
• Homepage Variations: 4
• Framework: Angular 11+ with Bootstrap
• Language: TypeScript
• Styling: SCSS with Bootstrap utilities
• Routing: Angular Router with lazy loading
• Responsive: Yes — Mobile, Tablet, Desktop
• Browser Support: Chrome, Firefox, Safari, Edge

Icons

• Font Awesome 5/6
• Flaticon (Cannabis Icons)

Fonts Used

• Google Fonts — Primary and secondary typefaces

Image Credit

• All images used in the preview are for demonstration purposes only and are NOT included in the download package.