This is a simple React application that allows users to convert entered text into a PDF document. The application uses React-PDF library for rendering a PDF document, Tailwind CSS for styling and Axios for making HTTP requests to the PDF conversion API.
Here is a video with a short demonstration.
src/App.js
: Main component rendering the app title and the PDFConverter.js component.src/PDFConverter.js
: Main component managing text to PDF conversion logic.src/ConversionHistory.js
: Component for displaying conversion history.
- Text Input: Users can enter text to be converted into a PDF.
- PDF Conversion: The entered text is sent to a remote API to be converted into a PDF document.
- PDF Display: The generated PDF is displayed within the application.
- Conversion History: The application saves the history of conversions and displays them.
- Clone the repository.
- Install dependencies with
npm install
. - Start the application with
npm start
.
To run the tests, use npm run test
.
- Enter the text to be converted in the text area.
- Click the "Convert to PDF" button.
- The generated PDF will be displayed next to the text input.
- The conversion history is displayed on the right of the page.