Highlighter Pro

Highlighter Pro is an open-source tool that allows you to easily highlight and edit your images with box highlights, circle highlights, arrows, and text boxes. With Highlighter Pro, you can customize the color of borders, fills, text, and text boxes. The final edited image can be downloaded to your device completely offline.

Check out the live demo at highlighter-pro.vercel.app.

Features

• Box Highlights: Draw rectangular boxes to highlight specific areas of an image.
• Circle Highlights: Create circular highlights to draw attention to particular points.
• Arrows: Add arrows to indicate directions or point to specific elements.
• Text Boxes: Insert text boxes to provide additional information or context.
• Customization: Easily change the color of borders, fills, text, and text boxes.
• Offline Download: Download the edited image directly to your device without an internet connection.

Demo

To see Highlighter Pro in action, visit the live demo: highlighter-pro.vercel.app

Getting Started

These instructions will help you set up and run Highlighter Pro locally on your machine.

Prerequisites

Make sure you have the following installed:

• Node.js (version 12 or later)
• npm or Yarn

Installation

1. Clone the GitHub repository:

   git clone https://github.com/ujjwal6792/Highlighter-Pro.git

2. Change into the project directory:

   cd Highlighter-Pro

3. Install the dependencies using npm or Yarn:

   npm install

   or

   yarn install

Usage

1. Start the local development server:

   npm run dev

   or

   yarn dev

2. Open your web browser and visit http://localhost:5173 to access Highlighter Pro.

Contributing

Contributions are welcome! If you'd like to contribute to Highlighter Pro, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature/fix.
3. Make your changes and commit them.
4. Push your changes to your forked repository.
5. Submit a pull request to the master branch of the original repository.

Built With

• React - JavaScript library for building user interfaces
• Vite - Build tooling for modern web projects
• TypeScript - Typed JavaScript
• Tailwind CSS - Utility-first CSS framework

License

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

Support

If you have any questions or need assistance, feel free to open an issue on the GitHub repository.