Weedo Main — Cannabis React JS Template

Launch a modern cannabis listing platform with Weedo React — 20 pages of directory-grade design powered by React 18 and Vite. From product catalog views and side-by-side comparisons to subscription pricing tables and a six-layout blog system, every feature is a composable React component wired together with React Router v6 and hooks-based state management. The single-page application architecture delivers instant navigation and a native-app feel that keeps users engaged.

Weedo React goes beyond simple storefronts to address the needs of cannabis platforms that aggregate listings, compare products, and monetize through subscription tiers. The Context API manages shared state for comparisons and user sessions, while Vite's aggressive chunking strategy keeps every route loading at maximum speed.

Key Features

• React 18 + Vite — Fastest available React build tooling with instant HMR
• 20 Page Components — Complete listing platform UI in reusable functional components
• 4 Shop Layouts — Grid, left sidebar, right sidebar, and full-width catalog views
• Product Detail Component — Full listing view with gallery, specs, and related items
• Comparison Component — Dynamic multi-product comparison powered by Context state
• Pricing Table Component — Feature-rich subscription tier cards with highlighted plans
• Blog Components — Archive, sidebar, and detail views covering six layout combinations
• Auth Components — Login and signup with controlled inputs and validation feedback
• React Router v6 — Nested routing with layout wrappers and lazy-loaded routes
• Context API State — Global state management for cart, comparison, and user session
• CSS Modules / SCSS — Component-scoped styles avoiding naming collisions
• Code Splitting — React.lazy and Suspense for route-level bundle optimization
• Responsive Bootstrap — Mobile-first grid for consistent cross-device layout
• Clean Project Layout — Pages, components, hooks, and context logically separated

Who Is This Template For?

• React Developers — A directory-focused template for cannabis listing platform projects
• Cannabis Platform Founders — Validate your listing marketplace idea with 20 ready components
• SaaS Builders — The pricing component supports subscription revenue integration
• Freelancers & Agencies — Ship cannabis directory sites faster with a proven component set
• Product Teams — Iterate on listing UX with an established, extensible codebase

Pages Included (20)

• index — Platform homepage with featured listings and category navigation
• about-us — Platform mission and team overview
• shop / shop-left / shop-right / shop-full — Four shop layout components
• shop-details — Listing detail with image viewer and product specs
• comparison — Multi-item comparison table component
• pricing-plans — Subscription plan cards with feature lists
• blog-archive — Blog post index with pagination
• blog-left-sidebar / blog-right-sidebar — Two sidebar blog components
• blog-detail-left / blog-detail-right / blog-detail-standard — Three article components
• contact — Contact form with validation and map
• login — Login form component
• signup — Registration form component
• coming-soon — Countdown timer with email capture
• 404 — Not-found page with navigation

Template At a Glance

• Category: Cannabis Listing Platform, Directory
• Total Pages: 20
• Framework: React 18 with Vite
• Routing: React Router v6
• Styling: SCSS / CSS Modules with Bootstrap
• State Management: React Hooks + Context API
• 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.

Changelog

Version 1.0 (Initial Release)
- React 18 + Vite build with 20 page components
- 4 shop layout variations
- Comparison and pricing table components
- 6 blog layout components
- Context API state management
- Route-level code splitting