codesclue_GR_Icon
codesclue_gr

Smarter Cannabis Product Shopping Powered by AI

We've reimagined cannabis shopping with an AI-powered product search engine. Say goodbye to filters and confusing menus - just type what you're looking for. Use natural phrases like “strong hybrid with fruity flavor” or “chill edibles under $30.” Our system understands your intent, no matter how you phrase it. It instantly delivers accurate, relevant, and personalized results. This saves you time and removes guesswork from the buying process. Explore more confidently with intelligent recommendations at your fingertips. Designed to bridge the gap between what users want and what products offer. Perfect for new users and seasoned shoppers alike. A smarter, faster, and more intuitive way to find the right cannabis products.

codesclue_gr-tech

Technology:
Angular, Node.js, MongoDB, Open AI

codesclue_gr-indus

Industry:
Canbbis Product

codesclue_gr-built

Built for:
Mobile and Web

codesclue_gr-world

Access:
Worldwide

Smart Cannabis Shopping Platform

The platform is also built as a Progressive Web App (PWA), ensuring users enjoy a native app-like experience with offline access, push notifications, and blazing-fast load times across all devices.

01

AI-Driven Intent Recognition

We integrated OpenAI's advanced language models to parse natural language into structured search intents. This allows users to type conversational phrases, and our engine returns highly relevant product suggestions in real-time - making search feel effortless.

02

Dynamic Search Engine Integration

Our custom search pipeline maps AI-extracted tags to product attributes using MongoDB queries. Combined with optional Algolia fallback, the system delivers accurate and fast search results based on effects, strains, budget, and flavor preferences.

03

PWA Optimization

We built the platform as a fully functional Progressive Web App (PWA), enabling offline access, push notifications, and installable mobile experiences - all while maintaining fast performance and native-like responsiveness across browsers and devices.

04

Responsive, Mobile-First UI

Crafted with Angular and Bootstrap 5, the UI follows a mobile-first design strategy. Every component is responsive and modular, offering an intuitive browsing experience with adaptive layouts for smartphones, tablets, and desktops.

05

Secure Backend API Layer

Built on Node.js and Express, our backend ensures secure data flow with token-based authentication, role-based access control, and API rate-limiting - enabling scalable performance while protecting user data and transaction integrity.

06

Third-Party API Ecosystem

We seamlessly integrated Stripe, Twilio, Firebase, and OpenAI to handle payments, notifications, push services, and natural language search - allowing us to deliver enterprise-grade features without added infrastructure overhead.

codesclue_gr-responsive

Green Releaf & CodesClue

A Partnership of Vision and Expertise

01

Shared Mission, Bold Goals

Green Releaf envisioned a smarter, more intuitive way for customers to explore cannabis products. CodesClue stepped in with the technical expertise to turn that vision.

02

AI Meets User-Centered Design

Together, we designed a platform where real human behavior drives product discovery. Our AI-powered natural language search ensures users find exactly what they need.

03

Built for Today, Ready for Tomorrow

While Green Releaf brought deep market insight, CodesClue delivered future-ready tech - PWA architecture, smart search engines, and a backend that scales with growth.

04

Trust, Transparency & Collaboration

This project was a true partnership, rooted in open communication and agile development. Every milestone was co-shaped, tested through continuous feedback from Green Releaf's leadership.

CodesClue's Technical Mastery

Powering Green Releaf's Digital Ambitions

01
Understanding the Vision

We started by aligning with Green Releaf's goal: to simplify cannabis discovery using natural language, intuitive UX, and high-speed performance.

Our team crafted a custom search pipeline powered by OpenAI that translates conversational phrases into structured product filters in real time.

02
Designing the AI Search Flow
03
Building a Scalable Backend

Using Node.js and MongoDB, we built a secure and modular backend architecture, supporting seamless product management, orders, and AI integration.

We used Angular 16 with SSR to create a fast, responsive, and installable Progressive Web App, ensuring smooth user experiences across all devices.

04
Developing the Frontend PWA
05
Integrating Key APIs & Services

Third-party APIs like Stripe (payments), Twilio (alerts), OpenAI (search), and Firebase (push notifications) were integrated for end-to-end functionality.

The system underwent thorough testing for mobile responsiveness, load speed, security, and regional compliance, ensuring it was user-ready.

06
Testing, Optimization & Compliance
07
Launching & Scaling with Confidence

After a successful rollout, the platform is live with a strong foundation ready for future expansion, multi-location support, and evolving customer needs.

Feature

Digital Blueprint

A Deep Dive into the Architecture and Core Features

01

AI-Powered Natural Language Product Search

codesclue_weed-leaf

Our platform redefines search by allowing users to type naturally—like “sleep gummies under $25” or “strong hybrid for creativity.”

codesclue_weed-leaf

Using OpenAI's NLP, the system extracts the user's intent, effect, budget, and strain type, instantly matching it with products in the database.

02

PWA Experience

codesclue_weed-leaf

Built as a Progressive Web App (PWA), the platform provides a smooth, installable experience right from the browser.

codesclue_weed-leaf

Users benefit from offline access, background caching, faster load times, and push notifications—without needing to download from the app store.

03

Dynamic Product Filtering & Tagging

codesclue_weed-leaf

Each product is categorized by AI and admin rules across multiple attributes: strain type, flavor profile, effects, THC/CBD percentage, price range, and more.

04

Personalized Recommendations

codesclue_weed-leaf

The platform learns from users' search history, product views, and previous orders to recommend more relevant products.

05

Smart Inventory & Order Management

codesclue_weed-leaf

Designed with dispensary operations in mind, our system offers real-time inventory updates, SKU-based tracking, and region-specific availability rules.

codesclue_weed-leaf

Admins can define delivery zones, pick-up windows, and even set rules by state or product type.

codesclue_gr-feature
codesclue_weed-multi-leaf codesclue_weed-multi-leaf codesclue_gr_mobile-2.webp codesclue_weed-multi-leaf

How It Works

From Thought to Purchase Effortlessly

01

Users type casual, everyday phrases like “chill edibles for weekend” or “pre-rolls for anxiety relief.”

02

Our NLP engine decodes the phrase—detecting product type, effects, flavor, potency, and price preferences.

03

The system transforms intent into dynamic search filters and queries the product database in real time.

04

Behind the scenes, relevant tags like “indica,” “sleep,” or “under $30” are matched—no manual selection needed.

05

AI ranks and displays products based on relevance, availability, and past user behavior for faster discovery.

06

Users can instantly checkout, schedule in-store pickup, or request home delivery based on location and regulations.

07

User behavior is remembered—suggestions improve with each visit through behavioral learning and micro-targeting.

08

Age verification, region checks, and compliance rules ensure everything is safe, legal, and ready to ship.

Green Releaf's Branding

Typography & Colors

Typography

Aa

Font-Family: Poppins

Colors

codesclue_weed-9dcc3f

#9dcc3f

codesclue_weed-2a602c

#2a602c

codesclue_weed-2bb34b

#2bb34b

codesclue_weed-000000

#222222

Technologies We Use

Tech Stack & Third-party APIs

Angular 16

For building responsive, modular frontend components with powerful reactive forms.

Node.js + Express

High-performance backend handling API requests, authentication, and server-side logic.

MongoDB Atlas

Cloud-hosted NoSQL database for storing product data, user profiles, documents.

Firebase Notification

Facilitates sending messages and notifications across to PWA application.

SCSS / Bootstrap 5

Styling framework for consistent, responsive UI design.

AWS (EC2, S3, Route 53)

Hosting, file storage, and DNS routing configured with scalability and uptime in mind.

OpenAI API

Powers natural language search and product recommendation through conversational AI.

Mapbox / Google Maps API

Enables store locator with state-wise filtering and geo-based discovery.

Twilio / SendGrid

For OTP-based verification, email triggers, and user notifications.

Stripe (or Alt Payment Gateway)

Supports secure checkout and digital payment processing (if integrated or planned).

AWS SES / SNS

Handles bulk email delivery and push notifications.

Firebase Storage API

Handles document/image uploads for patient verification and onboarding.

Medical ID Verification API

External API for validating patient documents during onboarding (e.g., GreenID, Veriff).