Update pin data tool

 I have attached a reference image.


Please keep the same clean, modern, and compact popup design, but add a new **Category** field between **Board Title** and **Description**.


Requirements:

- The Category field should be searchable and suggest existing categories while typing.

- Add a small **+** icon inside or next to the Category field to create a new category instantly.

- Users should be able to create their own custom categories if no existing category matches.

- After creating a category, it should automatically become selectable and appear in future suggestions.

- Example: Home Decor, Outfit, Fashion, Kitchen, Travel, Gardening, etc.

- Keep the UI minimal, space-saving, and consistent with the existing popup design.



I have attached a reference image.

Please redesign this section to match the attached UI as closely as possible. I want the same clean, compact, and space-saving layout.

The duplicate status should not appear as a separate box. Instead, display it as a small inline tag immediately after the Match badge, for example:

96% Match | Duplicate / Kitchen Inspiration

Use a soft light-yellow tag so it's easy to identify that the keyword already exists and clearly shows the board name. Keep everything on a single row, maintain the existing Match badge, and preserve the overall minimal, modern, developer-friendly look shown in the reference image.




I have attached a reference image.

This dashboard is used to manage Keyword Boards by organizing them into categories. Each board belongs to a category, making it easier to filter, browse, and manage similar keyword collections.

### Changes Required

- Remove the "MAIN:" tag completely from every board card. It is no longer needed.
- Replace it with a single **Category** badge only.
- Display the Category badge at the top-left of each card.
- Give every category its own unique color for quick visual identification.
  - Home Decor → Green
  - Real Estate → Blue
  - Interior Design → Purple
  - Kitchen → Pink
  - Lifestyle → Orange
  - (Future categories should automatically receive their own colors.)
- Keep the board title, description, progress, statistics, keyword preview, updated date, and Open Board button exactly as they are.
- Do not change the overall card layout—only replace the MAIN tag with the Category badge.
- Maintain a clean, modern, compact, and developer-friendly UI with consistent spacing and alignment.



I have attached a reference image.

Please redesign the dashboard to match the attached UI.

### Changes Required

- When the user clicks **Complete Boards**, hide the **Active Keyword Boards** section completely and display only completed boards.
- Change the page heading from **Active Keyword Boards** to **Complete Boards**.
- Show only boards that are **100% completed**.
- Replace all old **MAIN** tags with **Category** badges. Each category should have its own color for quick identification.
- Every completed board card should display a green **✓ Completed** status badge.
- Place the **Completed** badge immediately to the left of the **Open Board** button in the card footer.
- Keep the **Open Board** button as it is.
- Show the completed date instead of the updated date.
- Progress should always display **100%**, with **Pending = 0**.
- Maintain the same clean, modern, compact, and professional card layout shown in the reference image.
- The **Complete Boards** tab in the header should be selected (active state) while this page is open.




Pinterest Rank Tracker – Complete Redesign & Real-Time Tracking

Replace the existing Pinterest Rank Tracker completely. The current layout, data, and functionality should be removed and replaced with a new, professional tracking system.

Core Requirements

1. Automatic Keyword Tracking

Whenever a keyword is marked as Done in the Keyword Collection board, it should automatically be added to the Pinterest Rank Tracker.

Each tracked record should include:

  • Keyword

  • Board Name

  • Category

  • Main Keyword

  • Search Volume

  • Date Completed

  • Tracking Start Date

  • Current Status

All of this data should be linked to the original keyword and board.


2. Firebase Storage

Store all tracking data in Firebase.

Every action should be saved in real time so the data is always synchronized, persistent, and available across devices.

This includes:

  • Keyword status changes

  • Completion history

  • Board information

  • Category information

  • Search volume

  • Tracking dates

  • Any future updates


3. Advanced Filters

Provide powerful filtering options, including:

  • Filter by Category

  • Filter by Board

  • Filter by Main Keyword

  • Filter by Date

  • Filter by Status

Users should be able to quickly analyze work completed during any selected date or time period.


4. Real-Time Dashboard

Display a real-time dashboard with live data and statistics.

Examples:

  • Total Keywords Tracked

  • Keywords Completed Today

  • Keywords Completed This Week

  • Keywords by Board

  • Keywords by Category

  • Recent Activity

The dashboard should update automatically whenever new data is added.


5. Modern UI/UX

Completely redesign the current Rank Tracker interface.

Requirements:

  • Clean and professional layout

  • Modern dashboard design

  • Easy-to-read tables

  • Responsive design

  • Clear visual hierarchy

  • Fast navigation and filtering

Do not reuse the existing layout. The entire interface should be redesigned from scratch with a focus on usability and scalability.

Expected Result

The Pinterest Rank Tracker should become a centralized, real-time analytics dashboard that automatically tracks every completed keyword from the Keyword Collection, stores all data in Firebase, and provides powerful filtering and reporting capabilities through a modern, professional interface.



Saved Items Tracker – Feature Requirements

The Saved Items Tracker is responsible for maintaining a complete audit log of everything users save within the application.

Its primary purpose is to track who saved what, when it was saved, and where it was saved from, while keeping all data synchronized with Google Firebase in real time.

Core Requirements

1. Google Firebase Integration

All saved data must be stored and synchronized with Google Firebase.

Every save or unsave action should be recorded in real time and remain permanently available across devices.

Each record should include:

  • User ID

  • Username

  • Item Type (Keyword or Pin)

  • Item Name

  • Source Module (Keyword Explorer, Top Pins, etc.)

  • Date Saved

  • Time Saved

  • Last Updated

  • Save Status (Saved / Unsaved)

The entire feature should use Firebase as the single source of truth.


Two Separate Sections

The Saved Items Tracker should have two independent sections.

1. Saved Keywords

This section should display every keyword that users have saved from anywhere in the application (such as the Keyword Explorer).

Each record should include:

  • Keyword

  • User ID

  • Source

  • Date Saved

  • Time Saved

  • Current Status

  • Save/Unsave History

Users should be able to:

  • View all saved keywords

  • Search and filter records

  • Unsave keywords

  • View the complete activity history for each keyword


2. Saved Pins

This section should track every Pinterest pin that users save.

Each record should include:

  • Pin Image/Thumbnail

  • Pin Title

  • User ID

  • Date Saved

  • Time Saved

  • Current Status

  • Save/Unsave History

The system should clearly show:

  • Which user saved each pin

  • When it was saved

  • The complete activity history


Header Toggle

At the top of the page, provide a simple switch or tab selector:

  • Saved Keywords

  • Saved Pins

Users can switch between the two sections without leaving the page.


Filtering & Search

Support advanced filtering by:

  • User email

  • Date

  • Time

  • Save Status

  • Source Module

  • Keyword

  • Pin

All records should be searchable and sortable.


Activity History

Every save and unsave action should create a permanent history entry.

Example:

DateTimeUserAction
31 Jul 202610:15 AMJohnSaved Keyword
31 Jul 202603:40 PMJohnUnsaved Keyword

Nothing should be overwritten; all actions should be preserved as an audit log.


UI & UX

Create a modern, clean, and fully responsive interface.

The layout should be optimized for quickly viewing and managing saved items, with clear tables, filters, search, and activity history.

Expected Result

The Saved Items Tracker should become a centralized audit system that records every saved keyword and every saved Pinterest pin across the application. All data should be synchronized with Google Firebase in real time, making it easy to monitor user activity, review save history, filter records, and manage saved content efficiently.




Top Pins Intelligence – Feature Requirements & Search Logic

1. Pin Ranking Logic

The Top Pins Intelligence section should rank pins primarily based on the total number of saves.

Ranking Priority

  • Pins with the highest save count should always appear at the top.

  • Ranking should update automatically whenever save counts change.

  • The save count should be the primary ranking factor.


2. Initial UI Performance

To improve performance and reduce initial load time:

  • Display only the Top 30 Pins on the first page.

  • Load additional pins using a Next (or pagination) button.

  • This approach reduces UI rendering time and gives the backend sufficient time to synchronize data from Firebase.


3. Search Logic

The search functionality should use a priority-based matching system instead of a simple keyword search.

Priority 1 – Exact Title Match

When a user searches for a keyword, the system should first search Pin Titles.

Example Search

Living Room

Display all pins whose titles contain "Living Room" before showing any other results.

Examples:

  • 10 Best Living Room Ideas

  • 20 Best Decor Ideas for Living Room

  • Best Way to Remodel Your Living Room

Any pin with the search phrase in its title should appear at the top of the results.


Priority 2 – Annotated Keyword Match

After all title matches have been displayed, insert a clear visual divider (or section header), then display pins that match based on their Annotated Keywords.

Example:

If the search is:

Living Room Ideas

After the title matches, show pins whose annotated keywords contain Living Room Ideas or the searched phrase.

These are secondary results and should always appear after the exact title matches.


Matching Rules

For annotated keyword matching:

  • Do not return loosely related pins.

  • A result should only be shown if the annotated keywords contain the searched words.

  • Use word-based matching instead of unrelated semantic suggestions.

For multi-word searches, require a strong match.

For example, if the user searches:

Living Room Ideas

The annotated keywords should contain the searched words (e.g., Living, Room, and Ideas) before the pin is displayed.

This ensures that only highly relevant pins appear in the results.


4. Result Organization

Organize search results into two clearly separated sections:

Section 1

Title Matches

Pins whose titles directly contain the searched keyword or phrase.


Section 2

Annotated Keyword Matches

Pins whose annotated keywords match the search query.

A visible separator between these two sections will make the results much easier to understand.


5. Navigation to Keyword Explorer

When a user clicks on a pin image in the Top Pins Intelligence section:

  • Redirect the user to the corresponding record in the Keyword Explorer.

  • Automatically scroll to the related keyword/pin entry.

  • Highlight the selected row or card so it is immediately visible.

  • The highlight should clearly indicate that this is the pin the user selected from the Top Pins Intelligence page.

This creates a seamless connection between Top Pins Intelligence and the Keyword Explorer, allowing users to instantly identify and work with the selected pin.


Expected Result

The Top Pins Intelligence feature should provide a fast, highly relevant, and user-friendly experience by:

  • Ranking pins by highest save count.

  • Loading only the top 30 pins initially for better performance.

  • Prioritizing exact title matches over annotated keyword matches.

  • Displaying results in clearly separated sections.

  • Enabling one-click navigation to the corresponding highlighted record in the Keyword Explorer.

  • Delivering accurate, predictable, and high-performance search results.



Gemini AI Studio – AI Title Generation for Content Planning

Overview

The Gemini AI Studio should help users generate high-quality, SEO-optimized article titles based on keywords organized in their Keyword Collection Boards.

The primary purpose of this feature is to generate article ideas that can later be used to write blog posts and Pinterest content.


1. Board Selection

Add a Board Search option at the top of the page.

Users should be able to:

  • Search for an existing board.

  • Select any board from the Keyword Collection.

  • Load all keywords associated with the selected board.


2. Keyword Selection

After a board is selected, display all keywords from that board.

Users should be able to:

  • Select one or multiple keywords.

  • Add selected keywords to a working panel for AI generation.

  • Organize the keywords before generating content.


3. AI Title Generation

When the user clicks Generate, the AI should create content titles for each selected keyword.

Requirements:

  • Generate at least 3 unique titles per keyword.

  • Display the target keyword with each generated title.

  • Titles should be unique and not repetitive.


4. Content Quality Requirements

The generated titles must be:

  • SEO optimized

  • Pinterest-friendly

  • Natural and engaging

  • Click-worthy without being misleading

  • Suitable for long-form blog articles

  • Compliant with Google AdSense policies

  • Compatible with Mediavine and Journey by Mediavine content guidelines

  • Written to maximize organic search and Pinterest traffic

The goal is to produce titles that are suitable for publishing on high-quality content websites without risking advertising approval or policy violations.


5. Article-Focused Generation

The AI should generate article titles, not just headlines.

Each title should represent a complete blog article idea that can be expanded into a full piece of content.

The generated titles should inspire topics such as:

  • Tutorials

  • How-to guides

  • Tips

  • Inspiration

  • Ideas

  • Lists

  • Comparisons

  • Informational articles

The objective is to help users quickly identify strong content opportunities for each keyword.


6. Copy Actions

Provide simple copy actions for every generated result.

Each title should include:

  • Copy Title

  • Copy Target Keyword

These actions should allow one-click copying.


7. Regenerate & Additional Titles

Provide flexible AI generation options.

Users should be able to:

  • Regenerate titles for a specific keyword.

  • Generate three new title variations without affecting other keywords.

  • Generate additional title sets whenever needed.

Each regeneration should produce fresh, unique, and high-quality suggestions.


8. AI Optimization

When generating titles, the AI should consider current content trends and best practices.

The generation logic should prioritize:

  • User search intent

  • Pinterest content trends

  • Google Search best practices

  • SEO relevance

  • Click-through rate (CTR)

  • Readability

  • Evergreen content opportunities

The AI should create titles that users are likely to search for, click on, and engage with, while remaining suitable for long-term organic traffic growth.

Expected Result

The Gemini AI Studio should function as an AI-powered content planning tool that converts organized keyword boards into high-quality, SEO-friendly article title ideas. It should streamline the content creation workflow by helping users generate publish-ready blog topics optimized for Google Search, Pinterest, and advertising platforms such as Google AdSense, Mediavine, and Journey by Mediavine.