[GH-ISSUE #300] [FEATURE] ALwrity.com Hashtag generator tool #552

Closed
opened 2026-03-13 20:54:56 +03:00 by kerem · 8 comments
Owner

Originally created by @AJaySi on GitHub (Oct 14, 2025).
Original GitHub issue: https://github.com/AJaySi/ALwrity/issues/300

Originally assigned to: @uniqueumesh on GitHub.

@uniqueumesh

Create a hashtag generator tool in wix alwrity.com using its MCP.

Originally created by @AJaySi on GitHub (Oct 14, 2025). Original GitHub issue: https://github.com/AJaySi/ALwrity/issues/300 Originally assigned to: @uniqueumesh on GitHub. @uniqueumesh Create a hashtag generator tool in wix alwrity.com using its MCP.
Author
Owner

@uniqueumesh commented on GitHub (Oct 17, 2025):

I have successfully created the AI Hashtag Generator tool on the blog page in Wix (alwrity.com) using the MCP server.

for now I am just providing the image to see. I will update the complete details here once everything works smoothly. Thank you

Image
<!-- gh-comment-id:3414906815 --> @uniqueumesh commented on GitHub (Oct 17, 2025): I have successfully created the AI Hashtag Generator tool on the blog page in Wix (alwrity.com) using the MCP server. for now I am just providing the image to see. I will update the complete details here once everything works smoothly. Thank you <img width="1920" height="1080" alt="Image" src="https://github.com/user-attachments/assets/c9662b1a-5d42-4b11-8b6f-181f6bf35c4e" />
Author
Owner

@AJaySi commented on GitHub (Oct 17, 2025):

Thank you so much, Umesh. This is the greatest achievement for ALwrity.
I know getting this done was hard. Wix is not easy to work with programmatically.

So, the blog idea worked, lets continue with this only.
With cursor, now our UI will be super cool, in alwrity.com
Bhai, This is G*******

Hmmmm, congratulations umesh and we should remember this day, as it opened a whole world for ALwrity.
Thank you for really working hard on this.

You inspire me and motivate me to work harder and I cant slack because of you. You are leading by example.

<!-- gh-comment-id:3414997355 --> @AJaySi commented on GitHub (Oct 17, 2025): Thank you so much, Umesh. This is the greatest achievement for ALwrity. I know getting this done was hard. Wix is not easy to work with programmatically. So, the blog idea worked, lets continue with this only. With cursor, now our UI will be super cool, in alwrity.com Bhai, This is G******* Hmmmm, congratulations umesh and we should remember this day, as it opened a whole world for ALwrity. Thank you for really working hard on this. You inspire me and motivate me to work harder and I cant slack because of you. You are leading by example.
Author
Owner

@uniqueumesh commented on GitHub (Oct 17, 2025):

Thank you @AJaySi for your kind words.

<!-- gh-comment-id:3415004331 --> @uniqueumesh commented on GitHub (Oct 17, 2025): Thank you @AJaySi for your kind words.
Author
Owner

@uniqueumesh commented on GitHub (Oct 17, 2025):

🚀 AI Hashtag Generator Tool - Implementation Complete

Core Functions Implemented:

1. AI-Powered Hashtag Generation

  • Gemini AI Integration: Uses Google's Gemini 2.5 Flash model for intelligent hashtag generation
  • Context-Aware Analysis: Analyses user content to generate relevant, trending hashtags
  • Platform-Specific Optimisation: Tailored hashtags for Instagram, TikTok, Twitter, LinkedIn (10 max), YouTube
  • Category-Based Generation: Optimised for Business, Lifestyle, Travel, Technology, and Fitness niches, and more
  • Exa API Integration: Fetches current trending hashtags and social media trends
  • Smart Query Building: Combines content keywords, category terms, and platform-specific queries
  • Fallback Synthesis: If few hashtags are found, synthesises additional tags from frequent terms
  • Confidence Scoring: Provides confidence metrics based on frequency and volume of trends

3. Advanced Content Processing

  • Enhanced Prompt Engineering: Sophisticated prompts that consider platform, category, and trending data
  • Hashtag Cleaning: Removes duplicates, invalid characters, and banned terms
  • Platform Sanitisers: Filters out platform-specific banned hashtags (follow4follow, like4like, etc.)
  • Length Optimisation: Enforces platform-specific character limits

4. Smart Fallback System

  • No API Keys Required: Works perfectly without user API keys using intelligent fallback
  • Category-Based Keywords: Generates hashtags from predefined category keywords
  • Content Analysis: Extracts relevant terms from user input
  • Platform-Specific Tags: Includes proven hashtags for each social platform
  • Generic Enhancement: Fills remaining slots with trending generic hashtags

5. Professional User Interface

  • Dark Mode Theme: Modern, sleek dark interface with gradient backgrounds
  • Collapsible API Keys Section: Optional API key input for enhanced functionality
  • Real-Time Generation: Instant hashtag generation with loading states
  • Copy Functionality: One-click hashtag copying to the clipboard
  • Source Indicators: Shows whether hashtags were AI-generated or fallback-generated
  • Responsive Design: Works perfectly on all device sizes

6. Technical Architecture

  • React Component: Full React implementation with hooks and state management
  • Direct API Integration: Calls Gemini and Exa APIs directly from the browser
  • Error Handling: Comprehensive error handling with graceful fallbacks
  • Retry Logic: Automatic retry mechanisms for API failures
  • Deterministic Generation: Consistent results with retry logic for correct hashtag counts

🔗 Live Tool Access:
Blog Post: Free AI Hashtag Generator: Boost Your Social Media Reach with Smart Hashtags
Status: LIVE and Fully Functional

Image
<!-- gh-comment-id:3415084759 --> @uniqueumesh commented on GitHub (Oct 17, 2025): ## 🚀 AI Hashtag Generator Tool - Implementation Complete ### Core Functions Implemented: #### 1. AI-Powered Hashtag Generation - **Gemini AI Integration**: Uses Google's Gemini 2.5 Flash model for intelligent hashtag generation - **Context-Aware Analysis**: Analyses user content to generate relevant, trending hashtags - **Platform-Specific Optimisation**: Tailored hashtags for Instagram, TikTok, Twitter, LinkedIn (10 max), YouTube - **Category-Based Generation**: Optimised for Business, Lifestyle, Travel, Technology, and Fitness niches, and more #### 2. Real-Time Trending Research - **Exa API Integration**: Fetches current trending hashtags and social media trends - **Smart Query Building**: Combines content keywords, category terms, and platform-specific queries - **Fallback Synthesis**: If few hashtags are found, synthesises additional tags from frequent terms - **Confidence Scoring**: Provides confidence metrics based on frequency and volume of trends #### 3. Advanced Content Processing - **Enhanced Prompt Engineering**: Sophisticated prompts that consider platform, category, and trending data - **Hashtag Cleaning**: Removes duplicates, invalid characters, and banned terms - **Platform Sanitisers**: Filters out platform-specific banned hashtags (follow4follow, like4like, etc.) - **Length Optimisation**: Enforces platform-specific character limits #### 4. Smart Fallback System - **No API Keys Required**: Works perfectly without user API keys using intelligent fallback - **Category-Based Keywords**: Generates hashtags from predefined category keywords - **Content Analysis**: Extracts relevant terms from user input - **Platform-Specific Tags**: Includes proven hashtags for each social platform - **Generic Enhancement**: Fills remaining slots with trending generic hashtags ### 5. Professional User Interface - **Dark Mode Theme**: Modern, sleek dark interface with gradient backgrounds - **Collapsible API Keys Section**: Optional API key input for enhanced functionality - **Real-Time Generation**: Instant hashtag generation with loading states - **Copy Functionality**: One-click hashtag copying to the clipboard - **Source Indicators**: Shows whether hashtags were AI-generated or fallback-generated - **Responsive Design**: Works perfectly on all device sizes #### 6. Technical Architecture - **React Component**: Full React implementation with hooks and state management - **Direct API Integration**: Calls Gemini and Exa APIs directly from the browser - **Error Handling**: Comprehensive error handling with graceful fallbacks - **Retry Logic**: Automatic retry mechanisms for API failures - **Deterministic Generation**: Consistent results with retry logic for correct hashtag counts 🔗 Live Tool Access: Blog Post: [Free AI Hashtag Generator: Boost Your Social Media Reach with Smart Hashtags](https://www.alwrity.com/post/free-ai-hashtag-generator-boost-your-social-media-reach-with-smart-hashtags) Status: ✅ LIVE and Fully Functional <img width="1920" height="1080" alt="Image" src="https://github.com/user-attachments/assets/85672b56-731c-4169-a22b-f52b0ab142f8" />
Author
Owner

@uniqueumesh commented on GitHub (Oct 17, 2025):

The reason I provided BOYK model due to the following reason:

API Key Security Approaches (All Failed)

Approach 1: Wix Secrets Manager

  • Implementation: Stored Gemini and Exa API keys in Wix Secrets Manager
  • Backend Integration: Tried to access secrets via getSecret() in Velo functions
  • Result: Failed due to backend function accessibility issues

Approach 2: Environment Variables

  • Implementation: Attempted to use Wix environment variables
  • Challenge: Wix doesn't support traditional .env files in Velo
  • Result: Not supported in Wix Velo environment

Approach 3: Wix Site Settings

  • Implementation: Tried storing API keys in site settings
  • Challenge: Limited access to site settings via MCP
  • Result: Insufficient permissions and API access

Approach 4: External Proxy Service

  • Implementation: Considered using RapidAPI or custom proxy
  • Challenge: Would require additional infrastructure and costs
  • Result: Not implemented due to complexity

Approach 5: Serverless Functions

  • Implementation: Explored Vercel/Netlify serverless functions
  • Challenge: Would require separate hosting and CORS configuration
  • Result: Not implemented due to additional complexity
<!-- gh-comment-id:3415134204 --> @uniqueumesh commented on GitHub (Oct 17, 2025): The reason I provided BOYK model due to the following reason: ## API Key Security Approaches (All Failed) ### Approach 1: Wix Secrets Manager - Implementation: Stored Gemini and Exa API keys in Wix Secrets Manager - Backend Integration: Tried to access secrets via getSecret() in Velo functions - Result: ❌ Failed due to backend function accessibility issues ### Approach 2: Environment Variables - Implementation: Attempted to use Wix environment variables - Challenge: Wix doesn't support traditional .env files in Velo - Result: ❌ Not supported in Wix Velo environment ### Approach 3: Wix Site Settings - Implementation: Tried storing API keys in site settings - Challenge: Limited access to site settings via MCP - Result: ❌ Insufficient permissions and API access ### Approach 4: External Proxy Service - Implementation: Considered using RapidAPI or custom proxy - Challenge: Would require additional infrastructure and costs - Result: ❌ Not implemented due to complexity ### Approach 5: Serverless Functions - Implementation: Explored Vercel/Netlify serverless functions - Challenge: Would require separate hosting and CORS configuration - Result: ❌ Not implemented due to additional complexity
Author
Owner

@uniqueumesh commented on GitHub (Oct 17, 2025):

Reasons Behind Moving All Backend Functions to Frontend

1. Wix Velo Backend Limitations

  • Primary Issue: Function Accessibility
  • 404 Errors: All attempts to call Wix Velo HTTP functions resulted in "Not Found" errors
  • Deployment Problems: Functions weren't properly exposed or accessible from the frontend
  • URL Format Issues: Multiple endpoint formats tried, none worked.
  • Permission Issues: Functions not accessible from embedded blog context

Please review, and we can close this issue as completed. Thank @AJaySi, for your help and suggestion.

<!-- gh-comment-id:3415167589 --> @uniqueumesh commented on GitHub (Oct 17, 2025): ## Reasons Behind Moving All Backend Functions to Frontend ### 1. Wix Velo Backend Limitations - **Primary Issue**: Function Accessibility - **404 Errors**: All attempts to call Wix Velo HTTP functions resulted in "Not Found" errors - **Deployment Problems**: Functions weren't properly exposed or accessible from the frontend - **URL Format Issues**: Multiple endpoint formats tried, none worked. - **Permission Issues**: Functions not accessible from embedded blog context Please review, and we can close this issue as completed. Thank @AJaySi, for your help and suggestion.
Author
Owner

@AJaySi commented on GitHub (Oct 17, 2025):

Reading your comments made me realize, we have come a long way. I now have respect for you as a software developer. Things you have considered and provided as features is thoughtfully engineered.

Context-Aware Analysis: Analyses user content to generate relevant, trending hashtags
Exa API Integration: Fetches current trending hashtags and social media trends
Deterministic Generation: Consistent results with retry logic for correct hashtag counts
Deployment Problems: Functions weren't properly exposed or accessible from the frontend

This is great thinking, you did everything right in this. Combining all hashtag generators in one tools was a great touch.


This is not required, but for the next tools:

  • Always provide end user messages, to explain the input and also educate them on how to provide them, this can be done with 'tooltips'
  • Dark color works only for us programmers and not for end users who dont see the black programming screen, like us. When in doubt always choose, light, white colors and always most important is 'readability' of UI and results.
  • There are double ## in hashtags generated.

Congratulations @uniqueumesh, I am closing this issues, @DikshaDisciplines , as Umesh has done an exceptional job here. TIme to learn from him.

<!-- gh-comment-id:3415725822 --> @AJaySi commented on GitHub (Oct 17, 2025): Reading your comments made me realize, we have come a long way. I now have respect for you as a software developer. Things you have considered and provided as features is thoughtfully engineered. ``` Context-Aware Analysis: Analyses user content to generate relevant, trending hashtags Exa API Integration: Fetches current trending hashtags and social media trends Deterministic Generation: Consistent results with retry logic for correct hashtag counts Deployment Problems: Functions weren't properly exposed or accessible from the frontend ``` This is great thinking, you did everything right in this. Combining all hashtag generators in one tools was a great touch. ------------------ This is not required, but for the next tools: - Always provide end user messages, to explain the input and also educate them on how to provide them, this can be done with 'tooltips' - Dark color works only for us programmers and not for end users who dont see the black programming screen, like us. When in doubt always choose, light, white colors and always most important is 'readability' of UI and results. - There are double ## in hashtags generated. ------------------ Congratulations @uniqueumesh, I am closing this issues, @DikshaDisciplines , as Umesh has done an exceptional job here. TIme to learn from him.
Author
Owner

@uniqueumesh commented on GitHub (Oct 17, 2025):

Double ## in hashtags is solved now to single #.

Image
<!-- gh-comment-id:3416426701 --> @uniqueumesh commented on GitHub (Oct 17, 2025): ## Double ## in hashtags is solved now to single #. <img width="1920" height="1080" alt="Image" src="https://github.com/user-attachments/assets/dc4afc7b-4074-47d8-a248-153b2c29f694" />
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/ALwrity#552
No description provided.