https://github.com/imrandil/pdf_gen_react_js
A pdf generator where you can edit your text with inbult editor and then generate a pdf to print this out.
https://github.com/imrandil/pdf_gen_react_js
pdf-generation practice-project reactjs utility-application
Last synced: 6 months ago
JSON representation
A pdf generator where you can edit your text with inbult editor and then generate a pdf to print this out.
- Host: GitHub
- URL: https://github.com/imrandil/pdf_gen_react_js
- Owner: IMRANDIL
- Created: 2024-04-27T23:44:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-28T08:46:55.000Z (over 1 year ago)
- Last Synced: 2025-05-31T19:41:15.885Z (7 months ago)
- Topics: pdf-generation, practice-project, reactjs, utility-application
- Language: TypeScript
- Homepage: https://pdf-gen-react-js.vercel.app/
- Size: 1000 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Text Editor with PDF Generation
This project is a simple web application that allows users to compose text using a rich text editor and generate PDF documents from the text content.
## Features
- **Rich Text Editing**: Utilizes the Draft.js library to provide a rich text editing experience with various formatting options.
- **PDF Generation**: Converts the text content into a PDF document that users can download.
- **Toast Notifications**: Provides informative toast notifications to alert users about important actions or errors.
## Technologies Used
- React.js: A JavaScript library for building user interfaces.
- Draft.js: A rich text editor framework for React.
- jspdf: A JavaScript library for generating PDF documents in the browser.
- react-toastify: A library for adding toast notifications to React applications.
## Getting Started
To run the project locally, follow these steps:
1. Clone this repository to your local machine.
2. Navigate to the project directory in your terminal.
3. Run `npm install` to install the dependencies.
4. Run `npm start` to start the development server.
5. Open your browser and navigate to [PDF Generator React JS Application](https://pdf-gen-react-js.vercel.app/) to view the application.
## Usage
1. Upon opening the application, you'll see a rich text editor where you can compose your text.
2. Use the formatting options in the toolbar to style your text as desired.
3. Click the "Generate PDF" button to convert the text into a PDF document.
4. Download the generated PDF document and save it to your device.
## Contributing
Contributions are welcome! If you find any bugs or have suggestions for improvements, feel free to open an issue or submit a pull request.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
---
Made with ❤️ by Ali Imran Adil