TextifyPro 🚀

A comprehensive AI-powered file conversion and utility tools web application built with Next.js 15.

✨ Features

🤖 AI-Powered Tools

• Image to Text: Extract text from images using OCR
• Image Translator: Translate text in images to different languages

📄 Document Converters

• PDF Tools: Convert, merge, and manipulate PDF files
• Word & Excel: Convert between different document formats

🛠️ Utility Tools

• QR Code Generator: Create QR codes with drag-and-drop functionality
• QR Code Scanner: Scan and decode QR codes
• Image Inverter: Invert colors in images
• PDF Merge: Combine multiple PDF files

🛠️ Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS v4
• UI Components: shadcn/ui
• Animations: Framer Motion
• AI Integration: OpenAI API via A4F provider
• File Processing: pdf-lib, jsqr, @zxing/library
• Build Tool: Turbopack

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm or yarn package manager

Installation

1. Clone the repository

   git clone https://github.com/YOUR_USERNAME/TextifyPro.git
   cd TextifyPro

2. Install dependencies

   npm install
   # or
   yarn install

3. Set up environment variables

   cp .env.local.example .env.local

   Add your API keys to .env.local:

   OPENAI_API_KEY=your_openai_api_key_here

4. Run the development server

   npm run dev
   # or
   yarn dev

5. Open your browser

   Navigate to http://localhost:3000 to see the application.

📁 Project Structure

TextifyPro/
├── app/                    # Next.js App Router pages
│   ├── page.tsx           # Homepage
│   ├── layout.tsx         # Root layout
│   ├── globals.css        # Global styles
│   └── about/             # About page
├── components/            # React components
│   ├── ui/               # shadcn/ui components
│   ├── navbar.tsx        # Navigation component
│   └── theme-provider.tsx # Theme provider
├── lib/                  # Utilities and configurations
│   └── utils.ts          # Utility functions
├── hooks/                # Custom React hooks
└── public/               # Static assets

🎨 Features Overview

Homepage

• Beautiful landing page with hero section
• Interactive tool grid with hover animations
• Features showcase with icons and descriptions
• FAQ section with expandable items
• Responsive design for all devices

AI Tools

• Image to Text: Upload images and extract text using advanced OCR
• Image Translator: Detect and translate text in images to multiple languages

Utility Tools

• QR Generator: Create custom QR codes with drag-and-drop interface
• QR Scanner: Upload images to scan and decode QR codes
• PDF Tools: Merge, convert, and manipulate PDF documents

🚀 Deployment

Vercel (Recommended)

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Deploy with one click

Netlify

1. Build the project: npm run build
2. Deploy the out folder to Netlify

🤝 Contributing

1. Fork the repository
2. Create a feature branch: git checkout -b feature/amazing-feature
3. Commit your changes: git commit -m 'Add amazing feature'
4. Push to the branch: git push origin feature/amazing-feature
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Next.js for the amazing React framework
• shadcn/ui for beautiful UI components
• Tailwind CSS for utility-first CSS
• Framer Motion for smooth animations
• OpenAI for AI capabilities

📧 Contact

If you have any questions or suggestions, feel free to reach out!

---

Built with ❤️ using Next.js 15