Skip to content

UtkarshShah0/Mindflow_Chrome_Extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

43 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

MindFlow πŸš€

AI-powered Text and Image Generation Chrome Extension

Version

Welcome to MindFlow, an AI-powered Chrome extension that leverages MindsDB, OpenAI, and FastAPI to generate text and images on-the-fly.

Extension Demo

Features πŸ’‘

  • Seamless integration of AI-generated content into your browser.
  • Interactive chat with OpenAI's advanced language model.
  • Context, text, and image generation for creative inspiration.

Table of Contents πŸ“ƒ

-Features
-New Features
-How to Install
-How to Use
-Technology Stack
-Workflow
-MindFlow Server
-MindsDB
-Connect With Me
-Acknowledgements
-Note

New Features ✨

1. Copy Button



web section


Added copy button in each section, now the user can copy response in one click



2. Web Section.


new_feature.mov



In first input field enter the question.
In second input field enter the link of articles/pdf online (web crawler accessible websites link)

In the above example I have generated summary of a MindsDB article. You can generate:

  • Summary of the article
  • Can ask questions
  • Get main key points
  • Due to chatGPT 3.5 turbo limited tokens, it takes only first 1500 characters from the data



How to Install πŸ”§

1. Download the extension from our GitHub repository.


1_github
Step 1: Click on code
Step 2: Click on download zip
Step 3: Extract the downloaded ZIP file



2. Open your Chrome Browser.


2_Chrome
Step 1: Click on triple dots icon top right
Step 2: Click on Extensions then choose manage extensions



3. Load extension.


3_Extension
Step 1: Enable "Developer mode" in the top-right corner.
Step 2: Click "Load unpacked" and select the extracted folder.
Step 3: Make sure button is "on".
Step 4: Click on details and give the necessary permissions if not working.



4. Use Extension


4_use
Step 1: Click on the extension icon and use it



How to Use πŸ“–

1. Text generation.


1_chat_use.mp4



In the above example I have generated a linkedin post about the Mindflow chrome extension. You can generate:

  • Code examples
  • Poem or rap song like python vs java πŸ˜‚
  • Funny conversation between two celebs
  • Introduction by providing necessary data
  • Remember it doesn't have access to internet so it can't answer like todays weather, match, etc.

2. Text generation with context


2_context.mp4



In first input field enter the question.
In second input field enter the data related to question (stretch the textarea according to your needs)

In the above example I have generated a cover letter as a python developer by providing resume data. You can generate:

  • Personalized answers by providing necessary data
  • Introduction about your project
  • Social media post generation
  • Cold mails according to your experience and achievements
  • Remember it can't take input more than 500 characters and including spaces.

3. Image generation.


3_image.mp4



In first input field enter the main elements of the image
In second input field enter the main elements along with it the description of the environment

In the above example I have generated image of kittens and puppies in a shelter You can generate:

  • Posters
  • Scifi or future cities
  • Magical mystical forests
  • Personalities
  • And much more

Technology Stack πŸ—„οΈ

  • Frontend: HTML, CSS, JavaScript for the extension UI.
  • Backend: FastAPI server hosted on Render.
  • AI Models: MindsDB, OpenAI's language and image models.

Workflow βš™οΈ

  1. User interacts with the extension's UI.
  2. JavaScript sends user input to FastAPI server.
  3. FastAPI server communicates with MindsDB and OpenAI.
  4. AI models generate responses and images.
  5. Server sends AI-generated content back to the frontend.
  6. The user sees the generated content in the extension UI.

MindFlow Server πŸ’½

MindFlow server repo : Link

MindsDB 🧠

MindsDB is a key component that enhances MindFlow's text generation capabilities.
The following repository focuses specifically on the MindsDB model used within MindFlow and provides insights into its configuration and usage.

MindsDB Configuration repo : Link

Connect with Me 🀝

Got questions or feedback? Let's connect:


Acknowledgments πŸ™

  • Thanks to MindsDB for the powerful database solution.
  • Special shoutout to OpenAI for their cutting-edge language and image models.
  • Kudos to the Render platform for hosting our FastAPI server.

Note πŸ“

As of now, MindFlow Chrome extension is not available on the Chrome Web Store. To use it, you need to download the frontend part from our GitHub repository and run it in developer mode in Chrome.

Enjoy the power of AI-driven creativity with MindFlow! Don't forget to ⭐ the repository on GitHub!

About

Frontend part of chrome extension mindflow

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published