An open API service indexing awesome lists of open source software.

https://github.com/enes9103/react_pdf_printing_qr_code_generator


https://github.com/enes9103/react_pdf_printing_qr_code_generator

bootstrap5 printing-package reactbootstrap reactjs

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        

## React_Pdf_Printing_QR_Code_Generator

## About the projects
React to Pdf Printing project is an application that provides output by converting data entries prepared with React.js to pdf format.
QR Code Application gives output by converting web links entered by the user into QR code.

## Description
#### React_To_Pdf_Printing
- The application is designed as a Single Page.
- Data are entered through codes. However, it can also be designed to allow user input.
- The project was prepared with React.js.
- React Bootstrap and Bootstrap are used for style operations.
'npm install react-bootstrap bootstrap'
- React-to-print is used for formatting printing operations.
'npm install --save react-to-print'
- The application can work responsively on mobile and desktop platforms.
#### QR_Code_Generator
- It is designed using Javascript.
- There is an input field that provides data entry by the user.
- The link entered in this field is converted to QR code format by generating by pressing the button.
- You can now share your link as a QR. With the PDF printing application in the folder, you can provide output to the area you want.

## React_Pdf_Printing Project Outcome
![Project gif](Animation.gif)

## QR_Code_Generator Project Outcome
![Project gif](Animation2.gif)

(back to top)

## Getting Started

This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.

### Prerequisites

This is an example of how to list things you need to use the software and how to install them.
* npm
```sh
npm install npm@latest -g
```

### Installation

_Following is an example of how you can instruct your audience to install and set up your app. This template is not based on any external dependencies or services._
1. Clone the repo
```sh
git clone https://github.com/enes9103/React_Restaurant_ui_ux_Design
```
2. Install NPM packages
```sh
npm install
```

3. The project is ready, you can start using it immediately.
You can run:

`start npm`

4. Runs the application in development mode.\
Open [http://localhost:3000](http://localhost:3000) to view in the browser.

(back to top)

## Contribution

Contributions are what make the open source community a great place to learn, inspire and build. Your contributions are **highly appreciated**.

If you have a suggestion to make this better, please fork the repo and create a pull request. You can also open an issue with the "development" tag.
Don't forget to give stars to the project! Thanks again!

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Make Your Changes (`git commit -m 'Add some AmazingFeature'')
4. Branch to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

(back to top)

## Contact


Enes UNLU


Enes UNLU


Enes UNLU


Enes UNLU


Enes UNLU


Enes UNLU

Project Link: [https://github.com/enes9103](https://github.com/enes9103)

## Support

aryasoni98

(back to top)