DesignAutofiller is a React application that automatically fills your design using data imported from various file formats, such as .xlsx, .csv, .json, or .txt.

• Easily upload an image to use as the base for your design.
• Add customizable text items to your design.
• Import data from various sources to automatically generate multiple versions of your design.
• Bind imported data columns to specific text items in your design.
• Adjust the print size and print your duplicated designs directly from the browser.

Follow these steps to use the application:

Upload an image that you want to use for your design.
Note: The maximum allowed size is 1024 KB.

Add text items to your design and customize their appearance as needed.

Import a data source in .xlsx, .csv, .json, or .txt format for duplication.
Note: The file should contain a header row.

Bind columns from your imported data source to the text items you've added to your design.

Select 'Print' from the menu on the left side, and adjust the size of the design that will be duplicated using the data source.

After adjusting the size, click the 'Print' button. Your browser's print screen will open with the duplicated designs ready to be printed.

Congratulations! Your design has been successfully duplicated using the imported data.

To run the application locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/muratsercann/DesignAutoFiller.git

2. Install the dependencies:

   cd client
   npm install

3. Start the application:

   npm start