https://github.com/abdtriedcoding/snaptext-ai

Transform images into editable text effortlessly using AI. 📸➡️📝
https://github.com/abdtriedcoding/snaptext-ai

anthropic artificial-intelligence claude-ai dropzone nextjs react tailwindcss typescript vercel vercel-ai-sdk

Last synced: 2 months ago
JSON representation

Transform images into editable text effortlessly using AI. 📸➡️📝

• Host: GitHub
• URL: https://github.com/abdtriedcoding/snaptext-ai
• Owner: abdtriedcoding
• Created: 2024-04-16T05:35:59.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-24T06:40:33.000Z (about 2 years ago)
• Last Synced: 2025-03-20T08:42:11.728Z (over 1 year ago)
• Topics: anthropic, artificial-intelligence, claude-ai, dropzone, nextjs, react, tailwindcss, typescript, vercel, vercel-ai-sdk
• Language: TypeScript
• Homepage: https://snaptext.vercel.app
• Size: 520 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


    
snaptext

    
Transform images into editable text effortlessly using AI. 📸➡️📝





  Demo of Build (https://x.com/abdtriedcoding/status/1780305833303433385)






![Thumbnail](/public/thumbnail.png)

Key Features:

- Extract text from images using AI ✨

- Use of Claude, Anthropic AI 🤖

- Use of Vercel AI SDK 🚀

- Rate limiting feature using Upstash ⏳

## How it works

This project uses both [Vercel AI Sdk](https://sdk.vercel.ai) and [Claude](https://claude.ai) with streaming to transform your images into editable text effortlessly. Image input file is pass to a prompt, then sends it to the claude API, where vercel ai sdk helps in the streams the response back to the application.

### Prerequisites

**Node version 20.x.x**

## Running Locally

1. Clone the repository.

2. Create an account at [console.anthropic.com](https://console.anthropic.com/settings/keys) and add your API key under `ANTHROPIC_API_KEY` in your `.env`.

3. Make account at upstash and add your API key under `UPSTASH_REDIS_REST_URL` and `UPSTASH_REDIS_REST_TOKEN` in your `.env`.

4. Run npm install to install dependencies.

5. Run the application with `npm run dev` and it will be available at `http://localhost:3000`.