Description

A simple web application that allows users to enter or select a quote and author, customize its design (text style, colors, background, layout), and download the final design as an image.

Features

1. Enter Custom Quotes: Input your own quote and author name.
2. Preset Quotes: Select from a list of predefined quotes.
3. Design Customization:
   • Edit quote text and author directly in the design view.
   • Change text color, font family, and font size.
   • Apply Bold, Underline, and Italic formatting.
   • Adjust text alignment (Left, Center, Right).
   • Set background color.
   • Upload a custom background image.
   • Choose from preset background images.
   • Select aspect ratio (Free, Square, Landscape, Portrait).
4. Live Preview: See design changes reflected in real-time.
5. Download Design: Download the final quote design as a PNG image.

How to Use

1. Download the project files and place them in the same folder on your computer.
2. Open the "index.html" file in your web browser.
3. Enter an author and quote, or select a preset quote.
4. Click the "Design Now" button.
5. Use the design tools panel to customize the appearance.
6. Click the "Download Design" button to save your creation as a PNG file.

Technologies Used

1. HTML5
2. CSS3
3. JavaScript
4. html2canvas