Skip to content

enes9103/React_Pdf_Printing_QR_Code_Generator

Repository files navigation

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

QR_Code_Generator Project Outcome

Project 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
    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

    git clone https://github.com/enes9103/React_Restaurant_ui_ux_Design
  2. Install NPM packages

    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 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

Support

aryasoni98

(back to top)

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published