Giter Club home page Giter Club logo

ai-site_description-chrome-extension's Introduction

URL Description Teller

image

What is it?

This Chrome extension tells you what a website is about before you visit it. It's like having a quick preview or a summary of the site's content.

How does it work?

It uses AI to read the website's content and gives you a brief description. Here's how it's set up:

  • Backend with FastAPI: This part talks to the AI service to get the website descriptions.
  • Chrome Extension Frontend: This is what you interact with in your browser.

Features

  • Get quick summaries of websites with a click.
  • Powered by AI for accurate descriptions.
  • Simple and easy to use.

How to start using it

  1. Clone this repo to your computer
git clone https://github.com/Ahmet-Dedeler/ai-site_description-chrome-extension.git
  1. Create a virtual environment
python -m venv openai-env

# Activate virtual environment (Linux/Mac)
source openai-env/bin/activate

# Activate virtual environment (Windows)
openai-env\Scripts\activate
  1. Set up the backend by installing required packages
pip install -r requirements.txt
  1. Create a .env file
  2. Run the FastAPI server
uvicorn main:app --reload
  1. Load the extension in Chrome by going to chrome://extensions/, turning on Developer mode, and loading the frontend folder.

Running with Docker

If you prefer to use Docker, you can easily set up the backend without manually configuring the environment.

  1. Build the Docker image
docker build -t uvicorn-backend .
  1. Run the Docker container
docker run -d -p 8000:8000 \
  -e OPENAI_API_KEY=your_value_here \
  -e ENVIRONMENT=production \
  ai-site_description-chrome-extension-backend

Replace your_value_here with your actual OpenAI API key.

For development mode, use:

docker run -d -p 8000:8000 \
  -e OPENAI_API_KEY=your_value_here \
  -e ENVIRONMENT=development \
  ai-site_description-chrome-extension-backend

This command starts the backend service, making it accessible on port 8000.

Development vs Production

  • The Docker setup includes both development and production configurations.

  • In development mode, the app uses uvicorn with hot-reloading enabled.

  • In production mode, the app uses gunicorn for better performance and stability.

  • Set the ENVIRONMENT variable to either development or production when running the container.

How to help out

If you have ideas for improvements or find a bug, feel free to contribute. Your input helps make this tool better for everyone.

License

This project is open-source under the MIT License. You're free to use, change, and share it.

ai-site_description-chrome-extension's People

Contributors

ahmet-dedeler avatar alexisseurin avatar lyubomirt avatar smngvlkz avatar

Stargazers

 avatar Ryan E avatar Grace Liacopoulos avatar TechTronix avatar Sai Roopesh avatar

Watchers

 avatar  avatar

ai-site_description-chrome-extension's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.